/* autoprefixer: off */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress {
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background-color: #FFFF00;
    color: #000000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid #dcdcdc;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

body::-webkit-scrollbar-track-piece,
body ::-webkit-scrollbar-track-piece {
    background-color: transparent
}

body::-webkit-scrollbar,
body ::-webkit-scrollbar {
    width: 8px;
    height: 4px
}

body::-webkit-scrollbar-thumb,
body ::-webkit-scrollbar-thumb {
    background-color: #dcdcdc;
    background-clip: padding-box;
    min-height: 28px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

body::-webkit-scrollbar-thumb:hover,
body ::-webkit-scrollbar-thumb:hover {
    background-color: #999999
}

body,
html {
    width: 100%
}

body {
    font-size: 16px;
    color: #666666;
    font-family: Microsoft Yahei, SimSun, Tahoma, arial, SimHei, sans-serif
}

*,
dl,
ol,
ul {
    padding: 0;
    margin: 0
}

a {
    text-decoration: none;
    color: #666666
}

a:hover {
    color: #fc6976
}

a:hover {
    text-decoration: none !important
}

img {
    vertical-align: middle
}

hr {
    border: 0;
    border-bottom: 1px dotted #dcdcdc;
    height: 1px;
    margin: 10px 0 9px;
    *margin: 3px 0 2px
}

li {
    list-style: none
}

em,
strong {
    font-style: normal
}


@font-face {
    font-family: kanman_pc;
    src: url(https://resource.mhxk.com/kanman_pc/static/fonts/kanman_pc.eot);
    src: url(https://resource.mhxk.com/kanman_pc/static/fonts/kanman_pc.eot?8784aa7a#iefix) format("embedded-opentype"), url(https://resource.mhxk.com/kanman_pc/static/fonts/kanman_pc.woff2?8784aa7a) format("woff2"), url(https://resource.mhxk.com/kanman_pc/static/fonts/kanman_pc.woff?8784aa7a) format("woff"), url(https://resource.mhxk.com/kanman_pc/static/fonts/kanman_pc.ttf?8784aa7a) format("truetype"), url(https://resource.mhxk.com/kanman_pc/static/fonts/kanman_pc.svg?8784aa7a#kanman_pc) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" ift"],
[class^=ift] {
    font-family: kanman_pc !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal
}

.ift-about-us:before {
    content: "\554A"
}

.ift-active:before {
    content: "\554B"
}

.ift-add:before {
    content: "\554C"
}

.ift-adds:before {
    content: "\554D"
}

.ift-aixin-line:before {
    content: "\554E"
}

.ift-aixin:before {
    content: "\554F"
}

.ift-alarm:before {
    content: "\5550"
}

.ift-asc:before {
    content: "\5551"
}

.ift-bar-success:before {
    content: "\5552"
}

.ift-barrage:before {
    content: "\5553"
}

.ift-biaoqingx:before {
    content: "\5554"
}

.ift-book-list-round:before {
    content: "\5555"
}

.ift-book-list:before {
    content: "\5556"
}

.ift-book-outline:before {
    content: "\5557"
}

.ift-book:before {
    content: "\5558"
}

.ift-bookshelf:before {
    content: "\5559"
}

.ift-cat:before {
    content: "\555A"
}

.ift-check:before {
    content: "\555B"
}

.ift-circle:before {
    content: "\555C"
}

.ift-class-outline:before {
    content: "\555D"
}

.ift-class:before {
    content: "\555E"
}

.ift-classify:before {
    content: "\555F"
}

.ift-close:before {
    content: "\5560"
}

.ift-comment:before {
    content: "\5561"
}

.ift-cuowu:before {
    content: "\5562"
}

.ift-danmubiyanx:before {
    content: "\5563"
}

.ift-danmuzhengyanx:before {
    content: "\5564"
}

.ift-dashang:before {
    content: "\5565"
}

.ift-del:before {
    content: "\5566"
}

.ift-dengjix:before {
    content: "\5567"
}

.ift-desc:before {
    content: "\5568"
}

.ift-diandianx:before {
    content: "\5569"
}

.ift-down-db:before {
    content: "\556A"
}

.ift-down:before {
    content: "\556B"
}

.ift-drumstick:before {
    content: "\556C"
}

.ift-edit:before {
    content: "\556D"
}

.ift-expression:before {
    content: "\556E"
}

.ift-eye-close:before {
    content: "\556F"
}

.ift-eye-open:before {
    content: "\5570"
}

.ift-eye:before {
    content: "\5571"
}

.ift-fans:before {
    content: "\5572"
}

.ift-feedback:before {
    content: "\5573"
}

.ift-female:before {
    content: "\5574"
}

.ift-fenxiang:before {
    content: "\5575"
}

.ift-fenxiangx:before {
    content: "\5576"
}

.ift-fire:before {
    content: "\5577"
}

.ift-fullscreen:before {
    content: "\5578"
}

.ift-fuzhilianjiex:before {
    content: "\5579"
}

.ift-gotop:before {
    content: "\557A"
}

.ift-guanbix:before {
    content: "\557B"
}

.ift-guess-like:before {
    content: "\557C"
}

.ift-heart-add:before {
    content: "\557D"
}

.ift-help-center:before {
    content: "\557E"
}

.ift-help-line:before {
    content: "\557F"
}

.ift-help-tip:before {
    content: "\5580"
}

.ift-help:before {
    content: "\5581"
}

.ift-home-hollow:before {
    content: "\5582"
}

.ift-home-page:before {
    content: "\5583"
}

.ift-home-solid:before {
    content: "\5584"
}

.ift-jiantoux:before {
    content: "\5585"
}

.ift-jianx:before {
    content: "\5586"
}

.ift-jiax:before {
    content: "\5587"
}

.ift-jiugonggex:before {
    content: "\5588"
}

.ift-kaizhengkaix:before {
    content: "\5589"
}

.ift-landline:before {
    content: "\558A"
}

.ift-lattice:before {
    content: "\558B"
}

.ift-left:before {
    content: "\558C"
}

.ift-liebiaox:before {
    content: "\558D"
}

.ift-list:before {
    content: "\558E"
}

.ift-liwu1:before {
    content: "\558F"
}

.ift-local:before {
    content: "\5590"
}

.ift-lock-line:before {
    content: "\5591"
}

.ift-lock:before {
    content: "\5592"
}

.ift-loop-arrow:before {
    content: "\5593"
}

.ift-lujingx:before {
    content: "\5594"
}

.ift-male:before {
    content: "\5595"
}

.ift-management:before {
    content: "\5596"
}

.ift-more-bottom:before {
    content: "\5597"
}

.ift-more-top:before {
    content: "\5598"
}

.ift-msg:before {
    content: "\5599"
}

.ift-multiuser:before {
    content: "\559A"
}

.ift-night:before {
    content: "\559B"
}

.ift-ok:before {
    content: "\559C"
}

.ift-own:before {
    content: "\559D"
}

.ift-paihangxiajiangx:before {
    content: "\559E"
}

.ift-paihangxiashengx:before {
    content: "\559F"
}

.ift-paoyubaizuox:before {
    content: "\55A0"
}

.ift-pencil:before {
    content: "\55A1"
}

.ift-phone:before {
    content: "\55A2"
}

.ift-pingfen:before {
    content: "\55A3"
}

.ift-plus:before {
    content: "\55A4"
}

.ift-qq:before {
    content: "\55A5"
}

.ift-qqzone:before {
    content: "\55A6"
}

.ift-qr-code-copy:before {
    content: "\55A7"
}

.ift-qr-code:before {
    content: "\55A8"
}

.ift-radio-ed:before {
    content: "\55A9"
}

.ift-radio:before {
    content: "\55AA"
}

.ift-rank:before {
    content: "\55AB"
}

.ift-read-arrow-left:before {
    content: "\55AC"
}

.ift-read-arrow-right:before {
    content: "\55AD"
}

.ift-read-catalog:before {
    content: "\55AE"
}

.ift-read-chapter-next:before {
    content: "\55AF"
}

.ift-read-chapter-prev:before {
    content: "\55B0"
}

.ift-read-moon:before {
    content: "\55B1"
}

.ift-read-next:before {
    content: "\55B2"
}

.ift-read-prev:before {
    content: "\55B3"
}

.ift-read-scroll-auto:before {
    content: "\55B4"
}

.ift-read-scroll-left-right:before {
    content: "\55B5"
}

.ift-read-scroll-up-down:before {
    content: "\55B6"
}

.ift-read-sun:before {
    content: "\55B7"
}

.ift-recharge-center:before {
    content: "\55B8"
}

.ift-relevant:before {
    content: "\55B9"
}

.ift-renqi:before {
    content: "\55BA"
}

.ift-return:before {
    content: "\55BB"
}

.ift-reward:before {
    content: "\55BC"
}

.ift-right:before {
    content: "\55BD"
}

.ift-rss:before {
    content: "\55BE"
}

.ift-scale:before {
    content: "\55BF"
}

.ift-score:before {
    content: "\55C0"
}

.ift-screw-cap:before {
    content: "\55C1"
}

.ift-search:before {
    content: "\55C2"
}

.ift-shangyihuabaisex:before {
    content: "\55C3"
}

.ift-share-square:before {
    content: "\55C4"
}

.ift-share:before {
    content: "\55C5"
}

.ift-shoucang:before {
    content: "\55C6"
}

.ift-shoucangkongxinx:before {
    content: "\55C7"
}

.ift-shoucangshixinx:before {
    content: "\55C8"
}

.ift-shujiax:before {
    content: "\55C9"
}

.ift-sina:before {
    content: "\55CA"
}

.ift-sorry:before {
    content: "\55CB"
}

.ift-square-hollow:before {
    content: "\55CC"
}

.ift-star:before {
    content: "\55CD"
}

.ift-sun-line:before {
    content: "\55CE"
}

.ift-sun:before {
    content: "\55CF"
}

.ift-tanhao:before {
    content: "\55D0"
}

.ift-ticket:before {
    content: "\55D1"
}

.ift-tip-new:before {
    content: "\55D2"
}

.ift-top:before {
    content: "\55D3"
}

.ift-tuijianpiao:before {
    content: "\55D4"
}

.ift-uncheck:before {
    content: "\55D5"
}

.ift-unlock:before {
    content: "\55D6"
}

.ift-up-db:before {
    content: "\55D7"
}

.ift-update_time:before {
    content: "\55D8"
}

.ift-user:before {
    content: "\55D9"
}

.ift-wechat:before {
    content: "\55DA"
}

.ift-weibo:before {
    content: "\55DB"
}

.ift-wupaoyuhuix:before {
    content: "\55DC"
}

.ift-wupaoyuyueduyezuox:before {
    content: "\55DD"
}

.ift-xiayihuabaisex:before {
    content: "\55DE"
}

.ift-xpaopaohui:before {
    content: "\55DF"
}

.ift-yanjinghuix:before {
    content: "\55E0"
}

.ift-yanjingx:before {
    content: "\55E1"
}

.ift-yixuanzhuangtaix:before {
    content: "\55E2"
}

.ift-yuedu:before {
    content: "\55E3"
}

.ift-yuepiao:before {
    content: "\55E4"
}

.ift-zanhuix:before {
    content: "\55E5"
}

.ift-zanshang:before {
    content: "\55E6"
}

.ift-zixunxingx:before {
    content: "\55E7"
}

.acgn-row {
    min-width: 1200px;
    max-width: 1600px;
    width: 85%;
    margin: 0 auto;
    font-size: 0
}

.acgn-row>* {
    font-size: medium
}

.acgn-row .acgn-row {
    display: block;
    width: auto;
    margin: -8px
}

.acgn-col-1,
.acgn-col-2,
.acgn-col-3,
.acgn-col-4,
.acgn-col-5,
.acgn-col-6,
.acgn-col-7,
.acgn-col-8,
.acgn-col-9,
.acgn-col-10,
.acgn-col-11,
.acgn-col-12,
.acgn-col-13,
.acgn-col-14,
.acgn-col-15,
.acgn-col-16,
.acgn-col-17,
.acgn-col-18,
.acgn-col-19,
.acgn-col-20,
.acgn-col-21,
.acgn-col-22,
.acgn-col-23,
.acgn-col-24 {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 8px
}

.acgn-col-1 {
    width: 4.1666666667%
}

.acgn-col-1.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-1.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-1 {
    margin-left: 4.1666666667%
}

.acgn-col-2 {
    width: 8.3333333333%
}

.acgn-col-2.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-2.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-2 {
    margin-left: 8.3333333333%
}

.acgn-col-3 {
    width: 12.5%
}

.acgn-col-3.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-3.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-3 {
    margin-left: 12.5%
}

.acgn-col-4 {
    width: 16.6666666667%
}

.acgn-col-4.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-4.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-4 {
    margin-left: 16.6666666667%
}

.acgn-col-5 {
    width: 20.8333333333%
}

.acgn-col-5.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-5.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-5 {
    margin-left: 20.8333333333%
}

.acgn-col-6 {
    width: 25%
}

.acgn-col-6.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-6.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-6 {
    margin-left: 25%
}

.acgn-col-7 {
    width: 29.1666666667%
}

.acgn-col-7.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-7.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-7 {
    margin-left: 29.1666666667%
}

.acgn-col-8 {
    width: 33.3333333333%
}

.acgn-col-8.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-8.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-8 {
    margin-left: 33.3333333333%
}

.acgn-col-9 {
    width: 37.5%
}

.acgn-col-9.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-9.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-9 {
    margin-left: 37.5%
}

.acgn-col-10 {
    width: 41.6666666667%
}

.acgn-col-10.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-10.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-10 {
    margin-left: 41.6666666667%
}

.acgn-col-11 {
    width: 45.8333333333%
}

.acgn-col-11.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-11.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-11 {
    margin-left: 45.8333333333%
}

.acgn-col-12 {
    width: 50%
}

.acgn-col-12.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-12.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-12 {
    margin-left: 50%
}

.acgn-col-13 {
    width: 54.1666666667%
}

.acgn-col-13.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-13.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-13 {
    margin-left: 54.1666666667%
}

.acgn-col-14 {
    width: 58.3333333333%
}

.acgn-col-14.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-14.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-14 {
    margin-left: 58.3333333333%
}

.acgn-col-15 {
    width: 62.5%
}

.acgn-col-15.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-15.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-15 {
    margin-left: 62.5%
}

.acgn-col-16 {
    width: 66.6666666667%
}

.acgn-col-16.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-16.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-16 {
    margin-left: 66.6666666667%
}

.acgn-col-17 {
    width: 70.8333333333%
}

.acgn-col-17.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-17.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-17 {
    margin-left: 70.8333333333%
}

.acgn-col-18 {
    width: 75%
}

.acgn-col-18.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-18.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-18 {
    margin-left: 75%
}

.acgn-col-19 {
    width: 79.1666666667%
}

.acgn-col-19.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-19.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-19 {
    margin-left: 79.1666666667%
}

.acgn-col-20 {
    width: 83.3333333333%
}

.acgn-col-20.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-20.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-20 {
    margin-left: 83.3333333333%
}

.acgn-col-21 {
    width: 87.5%
}

.acgn-col-21.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-21.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-21 {
    margin-left: 87.5%
}

.acgn-col-22 {
    width: 91.6666666667%
}

.acgn-col-22.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-22.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-22 {
    margin-left: 91.6666666667%
}

.acgn-col-23 {
    width: 95.8333333333%
}

.acgn-col-23.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-23.acgn-col-row>* {
    font-size: medium
}

.acgn-col-offset-23 {
    margin-left: 95.8333333333%
}

.acgn-col-24 {
    width: 100%
}

.acgn-col-24.acgn-col-row {
    font-size: 0;
    padding: 0
}

.acgn-col-24.acgn-col-row>* {
    font-size: medium
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-1 {
    padding: 0
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-2 {
    padding: 0
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-3 {
    padding: 0
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-4 {
    padding: 0
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-5 {
    padding: 0
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-6 {
    padding: 0
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-7 {
    padding: 0
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-8 {
    padding: 0
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-9 {
    padding: 0
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-10 {
    padding: 0
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-11 {
    padding: 0
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-12 {
    padding: 0
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-13 {
    padding: 0
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-14 {
    padding: 0
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-15 {
    padding: 0
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-16 {
    padding: 0
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-17 {
    padding: 0
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-18 {
    padding: 0
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-19 {
    padding: 0
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-20 {
    padding: 0
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-21 {
    padding: 0
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-22 {
    padding: 0
}

.acgn-col-space-none,
.acgn-col-space-none>.acgn-col-23 {
    padding: 0
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-1 {
    padding: 0 5px
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-2 {
    padding: 0 5px
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-3 {
    padding: 0 5px
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-4 {
    padding: 0 5px
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-5 {
    padding: 0 5px
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-6 {
    padding: 0 5px
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-7 {
    padding: 0 5px
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-8 {
    padding: 0 5px
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-9 {
    padding: 0 5px
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-10 {
    padding: 0 5px
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-11 {
    padding: 0 5px
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-12 {
    padding: 0 5px
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-13 {
    padding: 0 5px
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-14 {
    padding: 0 5px
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-15 {
    padding: 0 5px
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-16 {
    padding: 0 5px
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-17 {
    padding: 0 5px
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-18 {
    padding: 0 5px
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-19 {
    padding: 0 5px
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-20 {
    padding: 0 5px
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-21 {
    padding: 0 5px
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-22 {
    padding: 0 5px
}

.acgn-col-space-small,
.acgn-col-space-small>.acgn-col-23 {
    padding: 0 5px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-1 {
    padding: 0 8px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-2 {
    padding: 0 8px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-3 {
    padding: 0 8px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-4 {
    padding: 0 8px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-5 {
    padding: 0 8px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-6 {
    padding: 0 8px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-7 {
    padding: 0 8px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-8 {
    padding: 0 8px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-9 {
    padding: 0 8px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-10 {
    padding: 0 8px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-11 {
    padding: 0 8px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-12 {
    padding: 0 8px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-13 {
    padding: 0 8px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-14 {
    padding: 0 8px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-15 {
    padding: 0 8px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-16 {
    padding: 0 8px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-17 {
    padding: 0 8px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-18 {
    padding: 0 8px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-19 {
    padding: 0 8px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-20 {
    padding: 0 8px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-21 {
    padding: 0 8px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-22 {
    padding: 0 8px
}

.acgn-col-space-middle,
.acgn-col-space-middle>.acgn-col-23 {
    padding: 0 8px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-1 {
    padding: 0 12px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-2 {
    padding: 0 12px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-3 {
    padding: 0 12px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-4 {
    padding: 0 12px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-5 {
    padding: 0 12px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-6 {
    padding: 0 12px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-7 {
    padding: 0 12px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-8 {
    padding: 0 12px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-9 {
    padding: 0 12px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-10 {
    padding: 0 12px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-11 {
    padding: 0 12px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-12 {
    padding: 0 12px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-13 {
    padding: 0 12px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-14 {
    padding: 0 12px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-15 {
    padding: 0 12px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-16 {
    padding: 0 12px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-17 {
    padding: 0 12px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-18 {
    padding: 0 12px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-19 {
    padding: 0 12px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-20 {
    padding: 0 12px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-21 {
    padding: 0 12px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-22 {
    padding: 0 12px
}

.acgn-col-space-large,
.acgn-col-space-large>.acgn-col-23 {
    padding: 0 12px
}

.acgn-row-space-none .acgn-row {
    width: auto;
    margin: 0
}

.acgn-row-space-small .acgn-row {
    width: auto;
    margin: 0 -5px
}

.acgn-row-space-middle .acgn-row {
    width: auto;
    margin: 0 -8px
}

.acgn-row-space-large .acgn-row {
    width: auto;
    margin: 0 -12px
}

.acgn-col-8 {
    *width: 33%
}

.acgn-box-al {
    margin: 0 auto 0 0
}

.acgn-box-ac {
    margin: 0 auto
}

.acgn-box-ar {
    margin: 0 0 0 auto
}

.acgn-equal-height {
    border: 1px solid #dcdcdc;
    position: relative
}

.acgn-equal-main {
    margin: 0 200px;
    padding: 0 20px;
    border: 1px solid #dcdcdc;
    border-width: 0 1px
}

.acgn-equal-al {
    width: 200px
}

.acgn-equal-al,
.acgn-equal-ar {
    position: absolute;
    top: 0;
    background-color: #f5f5f5
}

.acgn-equal-ar {
    right: 0;
    width: 180px;
    padding: 0 10px
}

.acgn-primary {
    color: #fc6976
}

.acgn-auxiliary {
    color: #FFC100
}

.acgn-red {
    color: #fd5158
}

.acgn-orange {
    color: #ff7647
}

.acgn-yellow {
    color: #FFFF00
}

.acgn-blue {
    color: #43BEF6
}

.acgn-purple {
    color: #675fd6
}

.acgn-green {
    color: #fc6976
}

.acgn-dark {
    color: #999999
}

.acgn-gray {
    color: #dcdcdc
}

.acgn-white {
    color: #ffffff
}

.acgn-bg-red {
    background-color: #ffffff
}

.acgn-bg-orange {
    background-color: #ffffff
}

.acgn-bg-yellow {
    background-color: #ffff99
}

.acgn-bg-blue {
    background-color: #ffffff
}

.acgn-bg-purple {
    background-color: #ffffff
}

.acgn-bg-green {
    background-color: #ffffff
}

.acgn-bg-gray {
    background-color: #f5f5f5
}

.acgn-bg-white {
    background-color: #ffffff
}

.acgn-tac {
    text-align: center
}

.acgn-tal {
    text-align: left
}

.acgn-tar {
    text-align: right
}

.acgn-f12 {
    font-size: 12px
}

.acgn-f14 {
    font-size: 14px
}

.acgn-f16 {
    font-size: 16px
}

.acgn-f18 {
    font-size: 18px
}

.acgn-f24 {
    font-size: 24px
}

.acgn-del {
    text-decoration: line-through
}

.acgn-blod {
    font-weight: 700
}

.acgn-fwn {
    font-weight: 400
}

.acgn-italic {
    font-style: italic
}

.acgn-hide {
    display: none
}

.acgn-block,
.acgn-show {
    display: block
}

.acgn-hidden {
    visibility: hidden
}

.acgn-visible {
    visibility: visible
}

.acgn-inline {
    display: inline-block
}

.acgn-fl {
    float: left
}

.acgn-fr {
    float: right
}

.acgn-cursor {
    cursor: pointer
}

.acgn-radius {
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px
}

.acgn-pt8 {
    padding-top: 8px
}

.acgn-pb8 {
    padding-bottom: 8px
}

.acgn-pt16 {
    padding-top: 16px
}

.acgn-pb16 {
    padding-bottom: 16px
}

.acgn-pt24 {
    padding-top: 24px
}

.acgn-pb24 {
    padding-bottom: 24px
}

.acgn-mt8 {
    margin-top: 8px
}

.acgn-mt16 {
    margin-top: 16px
}

.acgn-mt24 {
    margin-top: 24px
}

.acgn-mb8 {
    margin-bottom: 8px
}

.acgn-mb16 {
    margin-bottom: 16px
}

.acgn-mb24 {
    margin-bottom: 24px
}

.acgn-mgr0,
.acgn-mr0 {
    margin-right: 0 !important
}

#__acgn-virtual-coin__ {
    display: none
}

.acgn-box>.acgn-hd {
    height: 48px
}

.acgn-box>.acgn-hd .acgn-title {
    display: inline;
    float: left;
    height: 40px;
    padding-top: 8px;
    line-height: 40px;
    font-weight: 400;
    font-size: 28px;
    font-family: Microsoft Yahei, SimSun, Tahoma, arial, SimHei, sans-serif;
    cursor: pointer
}

.acgn-box>.acgn-hd .acgn-title [class^=ift-] {
    font-size: 32px;
    color: #fc6976;
    margin-right: 5px;
    vertical-align: middle
}

.acgn-box>.acgn-hd .acgn-title-desc {
    float: left;
    margin-top: 16px;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    margin-left: 16px;
    border-left: 1px solid #dcdcdc;
    padding-left: 16px;
    color: #999999
}

.acgn-box>.acgn-hd .acgn-more {
    display: inline;
    float: right;
    padding-top: 16px
}

.acgn-box>.acgn-hd .acgn-more .ift-more {
    display: inline-block;
    display: none\9;
    width: 49px;
    height: 28px;
    font-size: 14px;
    background: url(//resource.mhxk.com/kanman_pc/static/images/default/icon/more.svg) no-repeat, none
}

.acgn-box>.acgn-hd .acgn-more .ift-more:before {
    content: none
}

.acgn-box>.acgn-hd .acgn-more .text {
    display: none;
    display: block\9
}

.acgn-box>.acgn-hd.acgn-f20 .acgn-title {
    font-size: 20px
}

.acgn-box>.acgn-hd.acgn-f20 .acgn-title-desc {
    margin-top: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px
}

.acgn-box>.acgn-hd.acgn-f16 .acgn-title {
    font-size: 16px
}

.acgn-box>.acgn-hd.acgn-f16 .acgn-title-desc {
    margin-top: 22px;
    height: 18px;
    line-height: 18px;
    font-size: 12px
}

.acgn-box>.acgn-bd {
    padding: 8px 0
}

.acgn-box2>.acgn-hd {
    padding-left: 9px;
    background-color: #f5f5f5;
    height: 46px;
    border: 1px solid #dcdcdc
}

.acgn-box2>.acgn-hd .acgn-more {
    height: 28px;
    padding: 10px 10px 8px 8px
}

.acgn-box2>.acgn-hd .acgn-more .ift-more {
    width: 42px;
    height: 24px;
    margin-top: 0
}

.acgn-box2>.acgn-hd .acgn-title {
    font-size: 18px;
    padding-top: 4px
}

.acgn-box2>.acgn-hd .acgn-title [class^=ift-] {
    font-size: 20px
}

.acgn-box2>.acgn-hd .acgn-update {
    float: right;
    height: 48px;
    line-height: 48px;
    font-size: 12px;
    color: #999999;
    margin-right: 10px
}

.acgn-box2>.acgn-hd .acgn-operate {
    float: right;
    width: 48px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border-left: 1px solid #dcdcdc;
    cursor: pointer
}

.acgn-box2>.acgn-hd .acgn-operate .ift-sort,
.acgn-box2>.acgn-hd .acgn-operate .ift-sort_up {
    font-size: 20px;
    color: #999999
}

.acgn-box2>.acgn-bd {
    margin-top: 0;
    padding: 16px 10px;
    border: 1px solid #dcdcdc;
    border-top: 0
}

.acgn-box2>.acgn-bd .update-list .item:last-child {
    border-bottom: 0
}

.acgn-box2>.acgn-bd .update-list .item.last,
.acgn-box2>.acgn-bd .update-list .item.last-child {
    border-bottom: 0
}

.acgn-tabs>.acgn-hd {
    position: relative;
    height: 46px;
    border: 1px solid #dcdcdc;
    background-color: #f5f5f5
}

.acgn-tabs-list .acgn-item {
    font-size: 14px;
    display: inline;
    float: left;
    padding: 0 16px;
    line-height: 46px;
    cursor: pointer;
    text-align: center
}

.acgn-tabs-list .acgn-item.acgn-active,
.acgn-tabs-list .acgn-item:hover {
    color: #fc6976
}

.acgn-tabs>.acgn-hd .acgn-tabs-modify {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 16px;
    width: 56px;
    height: 3px;
    background-color: #fc6976
}

.acgn-tabs>.acgn-hd .acgn-title {
    float: left;
    height: 46px;
    font-size: 18px;
    font-weight: 400;
    padding-left: 9px;
    line-height: 46px
}

.acgn-tabs>.acgn-hd .acgn-title [class^=ift-] {
    font-size: 20px;
    color: #fc6976;
    margin-right: 5px
}

.acgn-tabs>.acgn-hd .acgn-tabs-list-ar {
    float: right
}

.acgn-tabs>.acgn-hd .acgn-tabs-list-ar .acgn-item {
    color: #999999;
    border-left: 1px solid #dcdcdc
}

.acgn-tabs>.acgn-hd .acgn-tabs-list-ar .acgn-item.acgn-active {
    background-color: #ffffff;
    padding-bottom: 1px;
    border-bottom: 0;
    color: #fc6976
}

.acgn-tabs>.acgn-bd {
    border: 1px solid #dcdcdc;
    border-top: 0;
    padding: 10px
}

.acgn-tabs2>.acgn-hd ul {
    float: left
}

.acgn-tabs2>.acgn-hd ul li {
    color: #999999;
    border-right: 1px solid #dcdcdc
}

.acgn-tabs2>.acgn-hd ul li.acgn-active {
    background-color: #ffffff;
    padding-bottom: 1px;
    border-bottom: 0;
    color: #fc6976
}

.acgn-tabs .acgn-rank-list .acgn-item:last-child {
    border-bottom: 0
}

.acgn-tabs .acgn-rank-list .acgn-item.last,
.acgn-tabs .acgn-rank-list .acgn-item.last-child {
    border-bottom: 0
}

.acgn-tabs .acgn-comic-list {
    padding: 15px 15px 0
}

fieldset {
    border: none
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 1.5rem;
    font-size: 16px;
    line-height: inherit;
    color: #999999;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: .5rem
}

label {
    display: inline-block;
    margin-bottom: 4px;
    cursor: pointer
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=checkbox],
input[type=radio] {
    margin: -2px 3px 0 0;
    vertical-align: -2px;
    cursor: pointer;
    *margin: -1px 0 0;
    overflow: hidden
}

select[multiple],
select[size] {
    height: auto
}

select optgroup {
    font-size: inherit;
    font-style: inherit;
    font-family: inherit
}

input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
    outline: thin dotted;
    outline: 1px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

output {
    vertical-align: middle
}

.acgn-form {
    font-size: 14px
}

.acgn-form-item_input {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -moz-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out, -moz-box-shadow .15s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.acgn-form-item_input.from-success {
    outline: 0;
    border-color: #fd9ba4;
    -webkit-box-shadow: 0 2px 3px 0 #e9e9e9 inset, 0 0 5px 0 #fecdd1;
    -moz-box-shadow: 0 2px 3px 0 #e9e9e9 inset, 0 0 5px 0 #fecdd1;
    box-shadow: inset 0 2px 3px 0 #e9e9e9, 0 0 5px 0 #fecdd1
}

.acgn-form-item_input.from-warning {
    outline: 0;
    color: #ff7647;
    border-color: #ffc2ad;
    -webkit-box-shadow: 0 2px 3px 0 #e9e9e9 inset, 0 0 5px 0 #ffe8e0;
    -moz-box-shadow: 0 2px 3px 0 #e9e9e9 inset, 0 0 5px 0 #ffe8e0;
    box-shadow: inset 0 2px 3px 0 #e9e9e9, 0 0 5px 0 #ffe8e0
}

.acgn-form-item_input.from-error {
    outline: 0;
    color: #fd5158;
    border-color: #fe8388;
    -webkit-box-shadow: 0 2px 3px 0 #e9e9e9 inset, 0 0 5px 0 #feb6b9;
    -moz-box-shadow: 0 2px 3px 0 #e9e9e9 inset, 0 0 5px 0 #feb6b9;
    box-shadow: inset 0 2px 3px 0 #e9e9e9, 0 0 5px 0 #feb6b9
}

.acgn-form-item_input::-webkit-input-placeholder {
    color: #dcdcdc
}

.acgn-form-item_input::-moz-placeholder {
    color: #dcdcdc
}

.acgn-form-item_input::-ms-input-placeholder {
    color: #dcdcdc
}

.acgn-form-item_input::placeholder {
    color: #dcdcdc
}

.acgn-form-item_input::-moz-placeholder {
    opacity: 1
}

.acgn-form-item_input[disabled],
.acgn-form-item_input[readonly],
fieldset[disabled] .acgn-form-item_input {
    cursor: not-allowed;
    background-color: #e1e1e1
}

.acgn-form-item_input::-ms-clear,
.acgn-form-item_input::-ms-reveal {
    display: none
}

.acgn-form textarea {
    line-height: 1.5
}

.acgn-form select[multiple],
.acgn-form select[size],
.acgn-form textarea {
    height: auto
}

.acgn-form select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding-right: 1.6em;
    background: url("") no-repeat 100%
}

.acgn-form select[multiple=multiple],
.acgn-form select[multiple] {
    background-image: none
}

.acgn-form select option {
    line-height: 1.5
}

.acgn-form-help,
.acgn-form-help-block {
    color: #dcdcdc;
    font-size: 12px;
    line-height: 1.5
}

.acgn-form-help-block {
    display: block;
    margin: 4px 0 8px
}

.acgn-form-group {
    margin-bottom: 1.6em
}

.acgn-form-horizontal .acgn-form-item_checkbox,
.acgn-form-horizontal .acgn-form-item_checkbox-inline,
.acgn-form-horizontal .acgn-form-item_label,
.acgn-form-horizontal .acgn-form-item_radio,
.acgn-form-horizontal .acgn-form-item_radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: .6em;
    padding-right: .6em
}

.acgn-form-horizontal .acgn-form-item_checkbox-inline label,
.acgn-form-horizontal .acgn-form-item_radio-inline label {
    margin-right: 1em
}

.acgn-form-horizontal .acgn-form-item_label {
    text-align: right;
    color: #999999
}

.acgn-form-inline .acgn-form-item_input {
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.acgn-form-inline .acgn-form-item_label {
    margin-bottom: 0;
    vertical-align: middle
}

.acgn-form-inline .acgn-form-item_checkbox,
.acgn-form-inline .acgn-form-item_radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle
}

.acgn-form-inline .acgn-form-item_checkbox input[type=checkbox],
.acgn-form-inline .acgn-form-item_radio input[type=radio] {
    float: none;
    margin-left: 0
}

.acgn-btn {
    padding: 0 8px;
    font-size: 14px;
    line-height: 22px
}

.acgn-btn.is-txt {
    border: none
}

.acgn-btn.is-line,
.acgn-btn.is-txt {
    background-color: transparent
}

.acgn-btn.is-radius {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

.acgn-btn-primary {
    color: #ffffff;
    border: 1px solid #fc6976;
    background-color: #fc6976
}

.acgn-btn-primary.is-line,
.acgn-btn-primary.is-txt {
    color: #fc6976
}

.acgn-btn-auxiliary {
    color: #ffffff;
    border: 1px solid #FFC100;
    background-color: #FFC100
}

.acgn-btn-auxiliary.is-line,
.acgn-btn-auxiliary.is-txt {
    color: #FFC100
}

.acgn-btn-gray {
    color: #999999;
    border: 1px solid #999999;
    background-color: #e9e9e9;
    text-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.50)
}

.acgn-btn-gray:focus,
.acgn-btn-gray:hover {
    color: #999999
}

.acgn-btn-gray.is-line,
.acgn-btn-gray.is-txt {
    color: #999999
}

.acgn-btn-danger,
.acgn-btn-red {
    color: #ffffff;
    background-color: #fd5158
}

.acgn-btn-danger.is-line,
.acgn-btn-danger.is-txt,
.acgn-btn-red.is-line,
.acgn-btn-red.is-txt {
    color: #fd5158
}

.acgn-btn-orange,
.acgn-btn-warning {
    color: #ffffff;
    background-color: #ff7647
}

.acgn-btn-orange.is-line,
.acgn-btn-orange.is-txt,
.acgn-btn-warning.is-line,
.acgn-btn-warning.is-txt {
    color: #ff7647
}

.acgn-btn-green,
.acgn-btn-success {
    color: #ffffff;
    background-color: #fc6976
}

.acgn-btn-green.is-line,
.acgn-btn-green.is-txt,
.acgn-btn-success.is-line,
.acgn-btn-success.is-txt {
    color: #fc6976
}

.acgn-btn-blue {
    color: #ffffff;
    background-color: #43BEF6
}

.acgn-btn-blue.is-line,
.acgn-btn-blue.is-txt {
    color: #43BEF6
}

.acgn-btn-xs {
    padding: 0 4px;
    font-size: 12px;
    line-height: 14px
}

.acgn-btn-xs.is-radius {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.acgn-btn-sm {
    padding: 0 8px;
    font-size: 12px;
    line-height: 22px
}

.acgn-btn-sm.is-radius {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

.acgn-btn-lg {
    padding: 0 16px;
    font-size: 14px;
    line-height: 30px
}

.acgn-btn-lg.is-radius {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.acgn-btn-xl {
    padding: 0 24px;
    font-size: 16px;
    line-height: 38px
}

.acgn-btn-xl.is-radius {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.acgn-btn-block {
    padding: 0;
    border: 0;
    width: 100%
}

.browser {
    position: relative;
    width: 600px;
    padding: 20px;
    font-size: 14px;
    background-color: #ffffff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.browser .title {
    line-height: 1.5;
    text-align: center;
    font-size: 24px;
    color: #fc6976;
    margin-bottom: 16px
}

.browser .synopsis {
    text-indent: 2em;
    margin-bottom: 16px;
    line-height: 1.5
}

.browser ul {
    height: 72px;
    margin-bottom: 16px
}

.browser ul li {
    float: left;
    width: 20%;
    text-align: center
}

.browser dt {
    font-size: 16px;
    color: #fc6976;
    margin-bottom: 8px
}

.browser dd {
    line-height: 1.5
}

.browser dd a {
    margin-right: 12px
}

.browser .close {
    right: -16px;
    top: -16px
}

.layui-layer.common-header-cat-container {
    max-width: 248px;
    width: auto !important;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

.layui-layer.common-header-cat-container .cat-header {
    position: absolute;
    top: -33px;
    left: -8px;
    width: 264px
}

.layui-layer.common-header-cat-container .cat-header .cat-header-img {
    width: 100%
}

.layui-layer.common-header-cat-container .layui-layer-content {
    overflow: initial
}

.layui-layer.common-header-cat-container .common-content {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    width: 248px;
    position: relative;
    z-index: 3;
    background: #ffffff;
    border: 1px solid #FFB5C3;
    -webkit-box-shadow: inset 0 1px 4px 0 #FFD1D8;
    -moz-box-shadow: inset 0 1px 4px 0 #FFD1D8;
    box-shadow: inset 0 1px 4px 0 #FFD1D8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.layui-layer.common-header-cat-container .content-header {
    height: 40px;
    line-height: 40px;
    margin: 0 12px;
    position: relative
}

.layui-layer.common-header-cat-container .content-header:before {
    content: " ";
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    -webkit-box-shadow: 0 3px 6px -2px #FFD1D8;
    -moz-box-shadow: 0 3px 6px -2px #FFD1D8;
    box-shadow: 0 3px 6px -2px #FFD1D8
}

.layui-layer.common-header-cat-container .content-header .content-title {
    color: #333333;
    font-size: 14px;
    float: left
}

.layui-layer.common-header-cat-container .content-header .content-close {
    cursor: pointer;
    margin-top: 10px;
    float: right;
    height: 20px;
    width: 20px;
    line-height: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    color: #fc6976;
    background-color: #FFF4F4
}

.layui-layer.common-header-cat-container .content-header .content-close i {
    vertical-align: middle
}

.layui-layer.add-to-book .book-warp {
    padding: 0 12px;
    max-height: 320px;
    overflow-y: auto
}

.layui-layer.add-to-book .book-item {
    margin-bottom: 12px;
    cursor: pointer;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 0 4px 0 #FFD1D8;
    -moz-box-shadow: 0 0 4px 0 #FFD1D8;
    box-shadow: 0 0 4px 0 #FFD1D8;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px
}

.layui-layer.add-to-book .book-item .book-cover {
    border: 1px solid transparent;
    width: 64px;
    height: 64px;
    position: relative;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.layui-layer.add-to-book .book-item .book-cover img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.layui-layer.add-to-book .book-item .description {
    font-size: 12px;
    float: left;
    margin-left: 16px;
    height: 64px;
    max-width: 60%
}

.layui-layer.add-to-book .book-item .description .title {
    font-weight: 400;
    margin: 14px 0 5px;
    color: #333333;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.layui-layer.add-to-book .book-item .description .text {
    color: #999999
}

.layui-layer.add-to-book .book-item:hover .book-cover {
    border-color: #FFB5C3
}

.layui-layer.add-to-book .book-item:hover .description .text,
.layui-layer.add-to-book .book-item:hover .description .title {
    color: #fc6976
}

.layui-layer.add-to-book .book-item:hover i {
    color: #fc6976
}

.layui-layer.add-to-book .create-book-warp {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
    background: none
}

.layui-layer.add-to-book .create-book-item {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #fc6976
}

.layui-layer.add-to-book .create-book-item .title {
    font-weight: 400
}

.layui-layer.add-to-book .create-book-item i {
    font-size: 14px;
    margin-right: 8px
}

.layui-layer.create-book .book-warp {
    position: relative
}

.layui-layer.create-book .book-warp .book-title-ipt {
    width: 232px;
    height: 144px;
    margin: 16px auto auto;
    background: #ffffff;
    -webkit-box-shadow: 0 0 4px 0 #FFD1D8;
    -moz-box-shadow: 0 0 4px 0 #FFD1D8;
    box-shadow: 0 0 4px 0 #FFD1D8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position: relative
}

.layui-layer.create-book .book-warp .book-title-ipt .input {
    outline: none;
    padding: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    resize: none;
    font-size: 14px;
    color: #fc6976
}

.layui-layer.create-book .book-warp .book-input,
.layui-layer.create-book .book-warp .book-title {
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left
}

.layui-layer.create-book .book-warp .total-title {
    position: absolute;
    right: 8px;
    bottom: 8px;
    font-size: 12px;
    color: #666666
}

.layui-layer.create-book .book-warp.active .total-title-length {
    color: #fc6976
}

.layui-layer.create-book .btns {
    margin-top: 32px;
    text-align: center;
    font-size: 0
}

.layui-layer.create-book .btns .cancel,
.layui-layer.create-book .btns .confirm {
    cursor: pointer;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    width: 200px;
    margin: auto
}

.layui-layer.create-book .btns .cancel {
    color: #FFB5C3;
    background-color: #FFF4F4
}

.layui-layer.create-book .btns .confirm {
    position: relative;
    color: #ffffff;
    margin-bottom: 24px;
    background-color: #fc6976;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFD1D8), color-stop(30%, #FC4F71), to(#fc6976));
    background-image: -webkit-linear-gradient(#FFD1D8, #FC4F71 30%, #fc6976);
    background-image: -moz- oldlinear-gradient(#FFD1D8 0, #FC4F71 30%, #fc6976 100%);
    background-image: -o-linear-gradient(#FFD1D8 0, #FC4F71 30%, #fc6976 100%);
    background-image: linear-gradient(#FFD1D8, #FC4F71 30%, #fc6976)
}

.layui-layer.create-book .btns .confirm:hover {
    -webkit-box-shadow: 0 0 6px 0 #FFB5C3;
    -moz-box-shadow: 0 0 6px 0 #FFB5C3;
    box-shadow: 0 0 6px 0 #FFB5C3
}

.layui-layer.create-book .btns .confirm .btn-cat {
    height: 24px;
    line-height: 24px;
    font-size: 24px;
    color: #fc6976;
    position: absolute;
    top: -22px;
    z-index: -1;
    left: 0;
    right: 0;
    margin: auto
}

.layui-layer.create-book .book-msg {
    margin: 12px 0 24px;
    text-align: center;
    font-size: 12px;
    color: #666666
}

.layui-layer-page.login {
    width: 90%;
    background-color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.layui-layer-page.login .sms-code-container {
    padding: 15px 10px 0;
    font-size: 14px;
    line-height: normal;
    position: relative
}

.layui-layer-page.login .sms-code-container .code-text {
    overflow: hidden
}

.layui-layer-page.login .sms-code-container .sms-msg {
    width: 160px;
    float: left
}

.layui-layer-page.login .sms-code-container .sms-text {
    width: 95px;
    float: right;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 24px;
    color: #c80000;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, #ff8174), color-stop(77%, #ffce70));
    background: -webkit-linear-gradient(top, #ff8174 6%, #ffce70 77%);
    background: -moz- oldlinear-gradient(top, #ff8174 6%, #ffce70 77%);
    background: -o-linear-gradient(top, #ff8174 6%, #ffce70 77%);
    background: linear-gradient(-180deg, #ff8174 6%, #ffce70 77%);
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.layui-layer-page.login .sms-code-container .code-text {
    margin-bottom: 16px
}

.layui-layer-page.login .sms-code-container .code-img-wap {
    margin-bottom: 16px;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1px;
    min-height: 117px;
    vertical-align: middle;
    text-align: center;
    line-height: 117px
}

.layui-layer-page.login .sms-code-container .code-img-wap .smsImg {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    max-height: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.layui-layer-page.login .sms-code-container .code-img-wap .refresh {
    height: 30px;
    line-height: normal;
    width: 30px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    text-align: center
}

.layui-layer-page.login .sms-code-container .code-img-wap .refresh img {
    width: 18px;
    height: 18px;
    margin-top: 6px
}

.layui-layer-page.login .sms-code-container .code-img-wap .points-item {
    display: block;
    position: absolute;
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    text-align: center;
    width: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #83da35;
    color: #fff
}

.layui-layer-page.login .layui-layer-btn {
    border-top: 1px solid #dcdcdc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

.layui-layer-page.login .layui-layer-btn a {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background-color: #ffffff;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    color: #666666;
    font-size: 14px;
    padding: 0;
    margin: 0;
    border: none
}

.crumb {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    color: #dcdcdc;
    font-family: tahoma, arial, Hiragino Sans GB, SimSun, sans-serif
}

.crumb.border-bottom {
    border-bottom: 1px solid #dcdcdc
}

.crumb a,
.crumb em,
.crumb span,
.crumb strong {
    font-family: Microsoft Yahei, SimSun, Tahoma, arial, SimHei, sans-serif;
    font-weight: 400
}

.crumb em,
.crumb span {
    color: #999999;
    font-style: normal
}

.crumb .active,
.crumb strong {
    color: #fc6976
}

.crumb a {
    text-decoration: none
}

.acgn-pages,
.acgn-pages a,
.acgn-pages span {
    text-align: center;
    color: #FFB5C3
}

.acgn-pages a,
.acgn-pages span {
    display: inline-block;
    min-width: 30px;
    padding: 0 5px;
    height: 40px;
    margin: 0 8px;
    line-height: 40px;
    font-size: 18px;
    font-family: Arial;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    vertical-align: middle;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.acgn-pages a.acgn-next,
.acgn-pages a.acgn-prev,
.acgn-pages span.acgn-next,
.acgn-pages span.acgn-prev {
    font-family: tahoma, arial, Hiragino Sans GB, SimSun, sans-serif;
    font-size: 24px;
    color: #ffffff
}

.acgn-pages span.acgn-next,
.acgn-pages span.acgn-prev {
    background-color: #dcdcdc
}

.acgn-pages a.acgn-next,
.acgn-pages a.acgn-prev {
    background-color: #ffffff;
    color: #fc6976;
    border: 1px solid #fc6976;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 40px;
    min-width: 40px
}

.acgn-pages a:hover {
    color: #fc6976
}

.acgn-pages a:hover.acgn-next,
.acgn-pages a:hover.acgn-prev {
    -webkit-box-shadow: 0 0 4px 0 #fc6976;
    -moz-box-shadow: 0 0 4px 0 #fc6976;
    box-shadow: 0 0 4px 0 #fc6976
}

.acgn-pages span {
    color: #999999;
    cursor: not-allowed
}

.acgn-pages span.acgn-active {
    color: #ffffff;
    background-color: #fc6976
}

.acgn-pages em {
    font-size: 12px;
    color: #FFB5C3
}

.acgn-pages [class^=ift-] {
    display: inline-block;
    vertical-align: top;
    font-size: 16px
}

.acgn-pages.acgn-pages-min a,
.acgn-pages.acgn-pages-min em,
.acgn-pages.acgn-pages-min span {
    min-width: 24px;
    padding: 0 4px;
    height: 32px;
    margin: 0 4px;
    line-height: 32px;
    font-size: 14px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.acgn-pages.acgn-pages-min a.acgn-next,
.acgn-pages.acgn-pages-min a.acgn-prev,
.acgn-pages.acgn-pages-min em.acgn-next,
.acgn-pages.acgn-pages-min em.acgn-prev,
.acgn-pages.acgn-pages-min span.acgn-next,
.acgn-pages.acgn-pages-min span.acgn-prev {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 32px;
    font-size: 14px
}

.acgn-pages.acgn-pages-min [class^=ift-] {
    width: auto;
    line-height: 32px;
    font-size: 14px
}

.acgn-comic-list .acgn-thumbnail {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 133.33333%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.acgn-comic-list .acgn-thumbnail:hover {
    border-color: #c2c2c2
}

.acgn-comic-list .acgn-thumbnail>.cover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 0;
    color: transparent;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    -o-transition: -o-transform .2s linear;
    -moz-transition: transform .2s linear, -moz-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear, -moz-transform .2s linear, -o-transform .2s linear
}

.acgn-comic-list .acgn-thumbnail>.cover:hover {
    -webkit-transform: scale(1.05) translateY(-2%);
    -moz-transform: scale(1.05) translateY(-2%);
    -ms-transform: scale(1.05) translateY(-2%);
    -o-transform: scale(1.05) translateY(-2%);
    transform: scale(1.05) translateY(-2%)
}

.acgn-comic-list .acgn-thumbnail>.wave-container {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0
}

.acgn-comic-list .acgn-thumbnail>.wave-container .icon-comm-play-movie {
    position: absolute;
    right: 10px;
    bottom: 10px
}

.acgn-comic-list .acgn-thumbnail>.wave-container img {
    width: 100%
}

.acgn-comic-list .acgn-thumbnail>.wave-container .order-by {
    padding: 4px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    position: absolute;
    top: -15px;
    right: 2px;
    color: #ffffff;
    font-size: 12px;
    background-color: rgba(0, 0, 0, 0.50)
}

.acgn-comic-list .acgn-thumbnail>.wave-container .order-by.play {
    background-color: unset;
    top: -30px
}

.acgn-comic-list .acgn-thumbnail>.wave-container [class*=ift-] {
    font-size: 10px
}

.acgn-comic-list .acgn-thumbnail>.acgn-chapter,
.acgn-comic-list .acgn-thumbnail>.acgn-group-info,
.acgn-comic-list .acgn-thumbnail>.acgn-title {
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 0 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    color: #ffffff;
    box-sizing: border-box
}

.acgn-comic-list .acgn-thumbnail>.acgn-chapter a,
.acgn-comic-list .acgn-thumbnail>.acgn-group-info a,
.acgn-comic-list .acgn-thumbnail>.acgn-title a {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-comic-list .acgn-thumbnail>.acgn-chapter,
.acgn-comic-list .acgn-thumbnail>.acgn-title {
    height: 20px
}

.acgn-comic-list .acgn-thumbnail>.acgn-chapter {
    right: 5px;
    bottom: 5px;
    max-width: 80%;
    line-height: 20px;
    text-align: right;
    background-color: rgba(0, 0, 0, 0.50)
}

.acgn-comic-list .acgn-thumbnail .acgn-score {
    position: absolute;
    max-width: 48px;
    top: 5px;
    right: 5px;
    height: 16px;
    line-height: 16px;
    padding: 0 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fc6976;
    color: #ffffff;
    font-size: 12px;
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    -ms-transform: scale(.75);
    -o-transform: scale(.75);
    transform: scale(.75);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-comic-list .acgn-primary-info {
    overflow: hidden;
    font-size: 0;
    margin-top: 10px
}

.acgn-comic-list .acgn-primary-info .acgn-score,
.acgn-comic-list .acgn-primary-info .acgn-title {
    display: inline-block;
    vertical-align: middle
}

.acgn-comic-list .acgn-primary-info .acgn-title {
    width: 80%;
    margin: 0
}

.acgn-comic-list .acgn-primary-info .acgn-score {
    width: 20%;
    text-align: right;
    font-size: 0;
    color: #fc6976
}

.acgn-comic-list .acgn-primary-info .acgn-score .integer {
    font-size: 16px
}

.acgn-comic-list .acgn-primary-info .acgn-score .decimal {
    font-size: 12px
}

.acgn-comic-list .acgn-title {
    height: 20px;
    margin: 10px 0 0;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400
}

.acgn-comic-list .acgn-title,
.acgn-comic-list .acgn-title a {
    color: #333333;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-comic-list .acgn-title a {
    display: block
}

.acgn-comic-list .acgn-title a:hover {
    color: #fc6976
}

.acgn-comic-list .acgn-desc {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #999999;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-comic-list.acgn-horizontal {
    height: 0;
    padding-bottom: 20.1680672269%;
    overflow: hidden
}

.acgn-comic-list.acgn-horizontal>.acgn-item {
    float: left;
    width: 11.3445378151%;
    margin-right: 2.1008403361%;
    margin-bottom: 10px
}

.acgn-comic-list.acgn-horizontal>.acgn-item:last-child {
    margin-right: 0 !important
}

.acgn-comic-list.acgn-horizontal>.acgn-item.last,
.acgn-comic-list.acgn-horizontal>.acgn-item.last-child {
    margin-right: 0 !important
}

.acgn-comic-list .acgn-group-info {
    width: 100%;
    height: 30px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.50)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.50));
    background-image: -moz- oldlinear-gradient(rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.50));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.50));
    background-image: linear-gradient(rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.50));
    padding: 0
}

.acgn-comic-list .acgn-group-info .acgn-chapter,
.acgn-comic-list .acgn-group-info .acgn-title {
    height: 30px;
    line-height: 30px;
    color: #ffffff
}

.acgn-comic-list .acgn-group-info .acgn-title {
    padding-left: 10px;
    margin: 0;
    float: left;
    font-size: 14px
}

.acgn-comic-list .acgn-group-info .acgn-chapter {
    padding-right: 10px;
    float: right;
    font-size: 12px
}

.acgn-rank-first,
.acgn-rank-nor,
.acgn-rank-second,
.acgn-rank-third {
    float: left;
    width: 20px;
    height: 20px;
    margin: 5px 4px 5px 0;
    line-height: 20px;
    font-family: Microsoft Yahei, SimSun, Tahoma, arial, SimHei, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #ffffff;
    font-style: normal;
    background: #dcdcdc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.acgn-rank-first {
    background-color: #fc6976
}

.acgn-rank-second {
    background-color: #ff7647
}

.acgn-rank-third {
    background-color: #FFFF00
}

.acgn-rank-list .acgn-item {
    padding: 5px 0;
    border-bottom: 1px dotted #dcdcdc;
    font-size: 12px
}

.acgn-rank-list .acgn-item .acgn-attr,
.acgn-rank-list .acgn-item .acgn-chapter {
    height: 25px;
    line-height: 20px;
    color: #666666
}

.acgn-rank-list .acgn-item .acgn-attr-label,
.acgn-rank-list .acgn-item .acgn-chapter-label {
    color: #999999;
    margin-right: 5px
}

.acgn-rank-list .acgn-item strong {
    margin: 0 4px;
    color: #fecdd1
}

.acgn-rank-list .acgn-item .acgn-title {
    font-weight: 400;
    height: 30px;
    line-height: 30px;
    overflow: hidden
}

.acgn-rank-list .acgn-item .acgn-title .acgn-chapter {
    font-size: 12px;
    margin-left: 4px;
    color: #dcdcdc;
    font-weight: 400
}

.acgn-rank-list .acgn-item-hd {
    height: 30px
}

.acgn-rank-list .acgn-item-hd .acgn-reward-num {
    float: right;
    line-height: 30px;
    margin-left: 10px;
    color: #999999
}

.acgn-rank-list .acgn-item-bd {
    display: none;
    position: relative;
    height: 100px
}

.acgn-rank-list .acgn-item-bd .acgn-thumbnail {
    float: left;
    width: 75px;
    height: 100px;
    margin-right: 10px
}

.acgn-rank-list .acgn-item-bd .acgn-thumbnail img {
    width: 100%;
    height: 100%
}

.acgn-rank-list .acgn-item-bd .acgn-title {
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    margin-right: 64px;
    font-size: 18px
}

.acgn-rank-list .acgn-item-bd .acgn-reward-num {
    line-height: 20px;
    color: #999999
}

.acgn-rank-list .acgn-item-bd .acgn-reward-num strong {
    color: #fc6976
}

.acgn-rank-list .acgn-item-bd .acgn-rank-num {
    position: absolute;
    right: 0;
    top: 50%;
    width: 64px;
    height: 64px;
    line-height: 64px;
    margin-top: -32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 18px;
    text-align: center;
    background-color: #fc6976;
    color: #ffffff
}

.acgn-rank-list .acgn-item.acgn-active .acgn-item-hd,
.acgn-rank-list .acgn-item:hover .acgn-item-hd {
    display: none
}

.acgn-rank-list .acgn-item.acgn-active .acgn-item-bd,
.acgn-rank-list .acgn-item:hover .acgn-item-bd {
    display: block
}

.acgn-rank-list [class^=ift-] {
    color: #dcdcdc
}

.acgn-col2>.acgn-item {
    float: left;
    width: 48%;
    margin-right: 4%
}

.acgn-col2>.acgn-item:nth-child(2n) {
    margin-right: 0
}

.acgn-col2>.acgn-item.nth-2n {
    margin-right: 0;
    zoom: 1
}

.acgn-col3>.acgn-item {
    display: inline;
    float: left;
    width: 31%;
    margin: 0 3.5% 3.5% 0;
    font-size: 14px
}

.acgn-col3>.acgn-item:nth-child(3n) {
    margin-right: 0
}

.acgn-col3>.acgn-item.nth-3n {
    margin-right: 0;
    zoom: 1
}

.acgn-col4>.acgn-item {
    display: inline;
    float: left;
    width: 23.875%;
    margin: 0 1.5% 16px 0;
    font-size: 14px
}

.acgn-col4>.acgn-item:nth-child(4n) {
    margin-right: 0
}

.acgn-col4>.acgn-item.nth-4n {
    margin-right: 0;
    zoom: 1
}

.acgn-col5>.acgn-item {
    float: left;
    width: 17.4193548387%;
    margin-right: 3.2258064516%;
    margin-bottom: 3.0967741935%
}

.acgn-col5>.acgn-item:nth-child(5n) {
    margin-right: 0
}

.acgn-col5>.acgn-item.nth-5n {
    margin-right: 0;
    zoom: 1
}

.acgn-col6>.acgn-item {
    float: left;
    width: 14.5%;
    margin-right: 2.6%;
    margin-bottom: 2.6%
}

.acgn-col6>.acgn-item:nth-child(6n) {
    margin-right: 0
}

.acgn-col6>.acgn-item.nth-6n {
    margin-right: 0;
    zoom: 1
}

.acgn-col7>.acgn-item {
    float: left;
    width: 12.1%;
    margin-right: 2.55%;
    margin-bottom: 2.55%
}

.acgn-col7>.acgn-item:nth-child(7n) {
    margin-right: 0
}

.acgn-col7>.acgn-item.nth-7n {
    margin-right: 0;
    zoom: 1
}

.acgn-col8>.acgn-item {
    float: left;
    width: 10.75%;
    margin-right: 2%;
    margin-bottom: 2%
}

.acgn-col8>.acgn-item:nth-child(8n) {
    margin-right: 0
}

.acgn-col8>.acgn-item.nth-8n {
    margin-right: 0;
    zoom: 1
}

.adapt-ratio-1x1,
.adapt-ratio-1x2,
.adapt-ratio-1x3,
.adapt-ratio-1x4,
.adapt-ratio-2x1,
.adapt-ratio-2x3,
.adapt-ratio-3x1,
.adapt-ratio-3x2,
.adapt-ratio-3x4,
.adapt-ratio-3x8,
.adapt-ratio-4x1,
.adapt-ratio-4x3,
.adapt-ratio-5x3,
.adapt-ratio-9x4 {
    height: 0
}

.pay-panel {
    position: relative;
    z-index: 140;
    height: auto;
    width: 368px
}

.pay-panel .pay-panel-main {
    position: relative;
    padding-top: 32px;
    background: url(//resource.mhxk.com/kanman_pc/static/images/comm/bg-cat-main.png) no-repeat top;
    -moz-background-size: 264px auto;
    background-size: 264px auto
}

.pay-panel .pay-panel-main .pay-panel-inner {
    position: relative;
    height: auto;
    padding: 12px;
    border: 1px solid #FFB5C3;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 4px 0 #FFD1D8 inset;
    -moz-box-shadow: 0 1px 4px 0 #FFD1D8 inset;
    box-shadow: inset 0 1px 4px 0 #FFD1D8
}

.pay-panel .close {
    position: absolute;
    z-index: 142;
    right: 12px;
    top: 12px;
    display: block;
    height: 20px;
    width: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #fc6976;
    background-color: #FFF4F4;
    cursor: pointer
}

.pay-panel .title {
    font-size: 18px;
    color: #333333;
    font-weight: 400
}

.pay-panel .assets,
.pay-panel .title {
    height: 36px;
    line-height: 36px;
    text-align: center;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.pay-panel .assets {
    position: relative;
    font-size: 12px;
    color: #999999
}

.pay-panel .assets .refill {
    display: inline-block;
    height: 36px;
    margin-left: 50px;
    padding: 0 3px;
    font-size: 12px;
    line-height: 36px;
    color: #FFB5C3;
    cursor: pointer
}

.pay-panel .assets .imp {
    color: #fc6976
}

.pay-panel .split {
    height: 6px;
    padding-bottom: 6px;
    overflow: hidden
}

.pay-panel .split:before {
    content: "";
    display: block;
    height: 6px;
    width: 100%;
    -webkit-box-shadow: 0 2px 6px -2px #FFB5C3;
    -moz-box-shadow: 0 2px 6px -2px #FFB5C3;
    box-shadow: 0 2px 6px -2px #FFB5C3
}

.pay-panel .split-reverse {
    height: 6px;
    padding-top: 6px;
    overflow: hidden
}

.pay-panel .split-reverse:before {
    content: "";
    display: block;
    height: 6px;
    width: 100%;
    -webkit-box-shadow: 0 -2px 6px -2px #FFB5C3;
    -moz-box-shadow: 0 -2px 6px -2px #FFB5C3;
    box-shadow: 0 -2px 6px -2px #FFB5C3
}

.pay-panel .space {
    height: 12px
}

.pay-panel .info {
    height: 32px;
    line-height: 32px;
    font-size: 16px
}

.pay-panel .info,
.pay-panel .payment {
    color: #333333;
    text-align: center;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.pay-panel .payment {
    height: 28px;
    padding-top: 18px;
    margin-bottom: 56px;
    font-size: 18px;
    line-height: 28px
}

.pay-panel .payment .imp {
    font-size: 20px;
    color: #fc6976
}

.pay-panel .hint {
    height: 22px;
    margin-bottom: 44px;
    font-size: 12px;
    line-height: 22px;
    color: #dcdcdc;
    text-align: center;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.pay-panel .btn {
    position: relative;
    display: block;
    height: 32px;
    width: 200px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    margin: 24px auto 0;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    color: #ffffff;
    background-color: #fc6976;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fc6976), color-stop(42%, #FC4F71), to(#FFB5C3));
    background-image: -webkit-linear-gradient(bottom, #fc6976, #FC4F71 42%, #FFB5C3);
    background-image: -moz- oldlinear-gradient(bottom, #fc6976 0, #FC4F71 42%, #FFB5C3 100%);
    background-image: -o-linear-gradient(bottom, #fc6976 0, #FC4F71 42%, #FFB5C3 100%);
    background-image: linear-gradient(0deg, #fc6976, #FC4F71 42%, #FFB5C3);
    cursor: pointer
}

.pay-panel .btn:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -21px;
    display: block;
    height: 24px;
    width: 24px;
    margin-left: -12px;
    background: url(//resource.mhxk.com/kanman_pc/static/images/comm/cat-stand.png) no-repeat 50%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.pay-panel .btn:hover {
    -webkit-box-shadow: 0 0 6px 0 #fc6976;
    -moz-box-shadow: 0 0 6px 0 #fc6976;
    box-shadow: 0 0 6px 0 #fc6976
}

.pay-panel .autobuy {
    height: 32px;
    font-size: 0;
    line-height: 32px;
    text-align: center;
    cursor: pointer
}

.pay-panel .autobuy .icon {
    display: inline-block;
    height: 14px;
    width: 14px;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-right: 8px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: transparent;
    vertical-align: -6px
}

.pay-panel .autobuy .text {
    display: inline-block;
    font-size: 12px;
    color: #FFB5C3;
    vertical-align: middle
}

.pay-panel .autobuy.active .icon {
    color: #ffffff;
    border-color: #fc6976;
    background-color: #fc6976
}

.pay-panel .user {
    position: relative;
    height: 56px;
    padding: 4px 24px 4px 70px
}

.pay-panel .user .face {
    position: absolute;
    left: 14px;
    top: 4px;
    height: 46px;
    width: 46px;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    overflow: hidden
}

.pay-panel .user .name {
    height: 24px;
    padding-top: 2px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #333333;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.pay-panel .user .name .imp {
    color: #fc6976
}

.pay-panel .user .desc {
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #999999;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.pay-panel .user .desc .imp {
    color: #fc6976
}

.pay-panel .order {
    padding: 6px 3px;
    margin-bottom: 12px
}

.pay-panel .order .title {
    height: 24px;
    padding-left: 8px;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    text-align: left;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.pay-panel .order .list {
    height: auto
}

.pay-panel .order .list .item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: 72px;
    width: 50%;
    padding: 8px
}

.pay-panel .order .list .item .board {
    display: block;
    height: 40px;
    padding: 8px;
    text-align: center;
    border: 1px solid #f5f5f5;
    cursor: pointer
}

.pay-panel .order .list .item .board.active,
.pay-panel .order .list .item .board:hover {
    border-color: transparent;
    -webkit-box-shadow: 0 0 4px 0 #FFB5C3;
    -moz-box-shadow: 0 0 4px 0 #FFB5C3;
    box-shadow: 0 0 4px 0 #FFB5C3
}

.pay-panel .order .list .item .num {
    height: 24px;
    font-size: 16px;
    color: #666666;
    line-height: 24px
}

.pay-panel .order .list .item .desc,
.pay-panel .order .list .item .num {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.pay-panel .order .list .item .desc {
    height: 16px;
    font-size: 12px;
    color: #999999;
    line-height: 16px
}

.pay-panel .method {
    position: relative;
    height: auto;
    min-height: 48px;
    padding-left: 84px
}

.pay-panel .method .name {
    position: absolute;
    left: 14px;
    top: 0;
    height: 48px;
    width: 70px;
    font-size: 14px;
    line-height: 48px;
    text-align: left;
    color: #333333;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.pay-panel .method .list {
    position: relative;
    height: auto
}

.pay-panel .method .list .item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: 32px;
    width: 50%;
    padding: 8px
}

.pay-panel .method .list .item.active .board,
.pay-panel .method .list .item:hover .board {
    border-color: transparent;
    -webkit-box-shadow: 0 0 4px 0 #FFB5C3;
    -moz-box-shadow: 0 0 4px 0 #FFB5C3;
    box-shadow: 0 0 4px 0 #FFB5C3
}

.pay-panel .method .list .item.active .text,
.pay-panel .method .list .item:hover .text {
    color: #fc6976
}

.pay-panel .method .list .item .board {
    display: block;
    height: 32px;
    font-size: 0;
    line-height: 32px;
    text-align: center;
    cursor: pointer
}

.pay-panel .method .list .item .icon {
    display: inline-block;
    height: 24px;
    width: 24px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    margin-right: 3px;
    font-size: 16px;
    vertical-align: middle;
    overflow: hidden
}

.pay-panel .method .list .item .icon img {
    display: block;
    height: 24px;
    width: auto
}

.pay-panel .method .list .item .text {
    display: inline-block;
    font-size: 12px;
    color: #666666;
    vertical-align: middle
}

.pay-panel .ft {
    height: 122px
}

.pay-panel .ft .ft-inner {
    position: absolute;
    left: 4px;
    right: 4px;
    bottom: 0;
    height: 122px
}

.pay-panel .ft .count {
    height: 48px;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 400;
    line-height: 48px;
    text-align: center;
    color: #333333;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.pay-panel .ft .count .imp {
    color: #fc6976
}

.pay-order {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 20px;
    font-size: 12px;
    background-color: #ffffff
}

.pay-order>.acgn-hd {
    padding: 20px;
    height: auto;
    font-size: 14px;
    color: #666666;
    line-height: 1.5
}

.pay-order>.acgn-bd {
    padding: 20px
}

.pay-order .rqCode {
    margin: 0 auto 20px;
    text-align: center
}

.pay-order .rqCode .thumb {
    display: inline-block;
    width: 117px;
    height: 117px;
    padding: 10px;
    border: 1px solid #dcdcdc
}

.pay-order .rqCode .thumb img {
    width: 100%
}

.pay-order .rqCode .info {
    color: #999999;
    line-height: 1.5
}

.pay-order .pay-total-num {
    text-align: center;
    font-size: 24px;
    margin-top: 10px;
    color: #fc6976
}

.feedback-modal {
    position: fixed;
    z-index: 99999;
    left: 50%;
    top: 50%;
    display: none;
    height: 378px;
    width: 368px;
    padding-top: 32px;
    margin: -189px 0 0 -184px;
    background: url(//resource.mhxk.com/kanman_pc/static/images/comm/bg-cat-main.png) no-repeat top;
    -moz-background-size: 264px auto;
    background-size: 264px auto
}

.feedback-modal .feedback-modal-inner {
    position: relative;
    height: 356px;
    width: 338px;
    padding: 0 14px;
    border: 1px solid #FFB5C3;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 4px 0 #FFD1D8 inset;
    -moz-box-shadow: 0 1px 4px 0 #FFD1D8 inset;
    box-shadow: inset 0 1px 4px 0 #FFD1D8
}

.feedback-modal .fd-hd {
    height: 40px
}

.feedback-modal .fd-body {
    height: auto
}

.feedback-modal .close {
    position: absolute;
    z-index: 100000;
    right: 14px;
    top: 12px;
    display: block;
    height: 20px;
    width: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #fc6976;
    background-color: #FFF4F4;
    cursor: pointer
}

.feedback-modal .close:hover {
    background-color: #FFD1D8
}

.feedback-modal .title-tabs {
    position: relative;
    height: 20px;
    padding-top: 12px;
    padding-bottom: 4px;
    font-size: 0;
    line-height: 20px
}

.feedback-modal .title-tabs .title-tab {
    display: inline-block;
    height: 20px;
    width: auto;
    margin-right: 24px;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.feedback-modal .title-tabs .title-tab.active,
.feedback-modal .title-tabs .title-tab:hover {
    color: #fc6976
}

.feedback-modal .content-tabs .content-tab {
    display: none
}

.feedback-modal .split {
    height: 4px;
    padding-bottom: 6px;
    overflow: hidden
}

.feedback-modal .split:before {
    content: "";
    display: block;
    height: 6px;
    width: 100%;
    -webkit-box-shadow: 0 2px 6px -2px #FFB5C3;
    -moz-box-shadow: 0 2px 6px -2px #FFB5C3;
    box-shadow: 0 2px 6px -2px #FFB5C3
}

.feedback-modal .form-list {
    padding: 12px 0
}

.feedback-modal .form-list .form-item {
    padding: 0 2px;
    margin-bottom: 16px
}

.feedback-modal .form-list .form-textarea {
    display: block;
    height: 144px
}

.feedback-modal .form-list .form-textarea textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 144px;
    width: 100%;
    border: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 8px 12px;
    margin: 0;
    font-size: 12px;
    color: #999999;
    line-height: 20px;
    outline: none;
    resize: none;
    -webkit-box-shadow: 0 0 4px 0 #FFD1D8;
    -moz-box-shadow: 0 0 4px 0 #FFD1D8;
    box-shadow: 0 0 4px 0 #FFD1D8
}

.feedback-modal .form-list .form-textarea textarea:focus {
    -webkit-box-shadow: 0 0 4px 0 #43BEF6;
    -moz-box-shadow: 0 0 4px 0 #43BEF6;
    box-shadow: 0 0 4px 0 #43BEF6
}

.feedback-modal .form-list .form-input {
    display: block;
    height: 40px
}

.feedback-modal .form-list .form-input input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 40px;
    width: 100%;
    border: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 8px 12px;
    margin: 0;
    font-size: 12px;
    color: #999999;
    line-height: 24px;
    outline: none;
    -webkit-box-shadow: 0 0 4px 0 #FFD1D8;
    -moz-box-shadow: 0 0 4px 0 #FFD1D8;
    box-shadow: 0 0 4px 0 #FFD1D8
}

.feedback-modal .form-list .form-input input:focus {
    -webkit-box-shadow: 0 0 4px 0 #43BEF6;
    -moz-box-shadow: 0 0 4px 0 #43BEF6;
    box-shadow: 0 0 4px 0 #43BEF6
}

.feedback-modal .form-list .form-button {
    display: block;
    height: 32px;
    padding-top: 21px
}

.feedback-modal .form-list .form-button .button {
    position: relative;
    display: block;
    height: 32px;
    width: 200px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    color: #ffffff;
    background-color: #fc6976;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fc6976), color-stop(42%, #FC4F71), to(#FFB5C3));
    background-image: -webkit-linear-gradient(bottom, #fc6976, #FC4F71 42%, #FFB5C3);
    background-image: -moz- oldlinear-gradient(bottom, #fc6976 0, #FC4F71 42%, #FFB5C3 100%);
    background-image: -o-linear-gradient(bottom, #fc6976 0, #FC4F71 42%, #FFB5C3 100%);
    background-image: linear-gradient(0deg, #fc6976, #FC4F71 42%, #FFB5C3);
    cursor: pointer
}

.feedback-modal .form-list .form-button .button:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -21px;
    display: block;
    height: 24px;
    width: 24px;
    margin-left: -12px;
    background: url(//resource.mhxk.com/kanman_pc/static/images/comm/cat-stand.png) no-repeat 50%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.feedback-modal .form-list .form-button .button:hover {
    -webkit-box-shadow: 0 0 6px 0 #fc6976;
    -moz-box-shadow: 0 0 6px 0 #fc6976;
    box-shadow: 0 0 6px 0 #fc6976
}

.feedback-modal .message-list {
    height: 274px;
    padding: 12px 16px 12px 0;
    overflow: auto
}

.feedback-modal .message-list .message-none {
    display: block;
    height: 28px;
    padding: 12px 6px;
    font-size: 14px;
    line-height: 28px;
    color: #999999
}

.feedback-modal .message-list .message-item {
    border: 1px solid #f5f5f5;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 12px;
    overflow: hidden
}

.feedback-modal .message-list .message-item .message-hd {
    height: 32px;
    background-color: #f5f5f5
}

.feedback-modal .message-list .message-item .message-hd .time {
    float: right;
    padding-right: 12px;
    font-size: 12px;
    line-height: 32px;
    color: #999999
}

.feedback-modal .message-list .message-item .message-hd .people {
    height: 32px;
    padding-left: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
    color: #FFB5C3
}

.feedback-modal .message-list .message-item .message-bd {
    padding: 6px 12px;
    background-color: #ffffff
}

.feedback-modal .message-list .message-item .message-bd .message {
    font-size: 12px;
    color: #999999;
    line-height: 20px;
    word-break: break-all
}

.feedback-modal .message-list .reply {
    margin: 0 6px 6px;
    overflow: hidden
}

.feedback-modal .message-list .reply .reply-hd {
    height: 32px;
    background-color: #FFD1D8
}

.feedback-modal .message-list .reply .reply-hd .time {
    float: right;
    padding-right: 12px;
    font-size: 12px;
    line-height: 32px;
    color: #999999
}

.feedback-modal .message-list .reply .reply-hd .people {
    height: 32px;
    padding-left: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
    color: #333333
}

.feedback-modal .message-list .reply .reply-bd {
    padding: 6px 12px;
    background-color: #FFF4F4
}

.feedback-modal .message-list .reply .reply-bd .message {
    font-size: 12px;
    color: #999999;
    line-height: 20px;
    word-break: break-all
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translateZ(0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translateZ(0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translateZ(0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translateZ(0);
    -ms-transition-timing-function: ease;
    -webkit-transition-property: left, top, -webkit-transform;
    transition-property: left, top, -webkit-transform;
    -o-transition-property: left, top, -o-transform;
    -moz-transition-property: transform, left, top, -moz-transform;
    transition-property: transform, left, top;
    transition-property: transform, left, top, -webkit-transform, -moz-transform, -o-transform;
    transition-duration: 0s;
    transform: translateZ(0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x
}

input:focus {
    outline: none
}

.cat-head {
    background-image: url(//resource.mhxk.com/kanman_pc/static/images/comm/cat-header-bg.png);
    background-repeat: no-repeat;
    -moz-background-size: 264px 77px;
    background-size: 264px 77px;
    background-position: 0 0;
    position: absolute;
    width: 264px;
    height: 77px;
    left: 50%;
    top: -33px;
    margin-left: -132px;
    z-index: 1
}

.acgn-app-gift-dialog {
    width: 368px;
    position: relative
}

.acgn-app-gift-dialog .hd {
    position: relative;
    z-index: 2;
    margin: 4px;
    background-color: #ffffff;
    height: 25px;
    border-bottom: 2px solid #FFF4F4
}

.acgn-app-gift-dialog .hd .title {
    font-size: 16px;
    margin-right: 5px;
    vertical-align: bottom;
    color: #333333
}

.acgn-app-gift-dialog .hd .subtitle {
    font-size: 14px;
    color: #999999;
    margin-right: 5px;
    vertical-align: bottom
}

.acgn-app-gift-dialog .hd .num {
    color: #fc6976;
    vertical-align: bottom
}

.acgn-app-gift-dialog .hd .close {
    position: absolute;
    right: 0;
    top: -5px
}

.acgn-app-gift-dialog .hd .close:hover {
    cursor: pointer
}

.acgn-app-gift-dialog>.bd {
    z-index: 2;
    position: relative;
    padding: 8px;
    background-color: #ffffff;
    font-size: 14px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    border: 1px solid #FFF4F4;
    -webkit-box-shadow: inset 0 1px 4px 0 #FFF4F4;
    -moz-box-shadow: inset 0 1px 4px 0 #FFF4F4;
    box-shadow: inset 0 1px 4px 0 #FFF4F4
}

.acgn-app-gift-dialog>.bd>.content {
    overflow: hidden;
    margin-top: 12px;
    margin-bottom: 16px;
    border-bottom: 2px solid #FFF4F4
}

.acgn-app-gift-dialog>.bd>.content>.acgn-subtitle {
    padding-left: 8px
}

.acgn-app-gift-dialog>.bd>.content>.item {
    width: 32%;
    min-width: 104px;
    height: 104px;
    border: 1px solid #ffffff;
    margin-top: 10px;
    text-align: center;
    float: left;
    margin-bottom: 27px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.acgn-app-gift-dialog>.bd>.content>.item i {
    display: block;
    margin: 0 auto
}

.acgn-app-gift-dialog>.bd>.content>.item>.item-num {
    position: relative;
    top: 8px
}

.acgn-app-gift-dialog>.bd>.content>.active {
    border: 1px solid #fc6976;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.acgn-app-gift-dialog>.bd>.content>.active:after {
    font-family: kanman_pc;
    width: 22px;
    height: 22px;
    font-size: 20px;
    color: #ffffff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background-color: #fc6976;
    position: absolute;
    right: -10px;
    top: -10px
}

.acgn-app-gift-dialog>.bd>.footer {
    width: 100%;
    text-align: center
}

.acgn-app-gift-dialog>.bd>.footer .btn-reduce {
    color: #fc6976;
    cursor: pointer
}

.acgn-app-gift-dialog>.bd>.footer .btn-plus {
    color: #fc6976;
    cursor: pointer
}

.acgn-app-gift-dialog>.bd>.footer .text {
    width: 146px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    border: 1px solid #dcdcdc;
    margin: 0 12px
}

.acgn-app-gift-dialog>.bd>.footer .btn-sub {
    position: relative;
    width: 260px;
    height: 40px;
    background-color: #fc6976;
    font-size: 16px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-top: 25px;
    margin-bottom: 24px;
    cursor: pointer;
    color: #ffffff;
    background-image: -webkit-linear-gradient(269deg, #FFB5C3, #FC4F71 30%, #fc6976);
    background-image: -moz- oldlinear-gradient(269deg, #FFB5C3 0, #FC4F71 30%, #fc6976 100%);
    background-image: -o-linear-gradient(269deg, #FFB5C3 0, #FC4F71 30%, #fc6976 100%);
    background-image: linear-gradient(-179deg, #FFB5C3, #FC4F71 30%, #fc6976);
    line-height: 40px;
    display: inline-block
}

.acgn-app-gift-dialog>.bd>.footer .btn-sub .ift-cat {
    position: absolute;
    color: #fc6976;
    top: -28px;
    left: 50%;
    margin-left: -12px;
    font-size: 24px
}

.acgn-app-gift-dialog>.bd>.footer .btn-sub:hover {
    -webkit-box-shadow: 0 0 4px 4px rgba(255, 181, 195, 0.30);
    -moz-box-shadow: 0 0 4px 4px rgba(255, 181, 195, 0.30);
    box-shadow: 0 0 4px 4px rgba(255, 181, 195, 0.30)
}

.acgn-confirm .public-content {
    width: 100%;
    text-align: center;
    margin: 30px 0 25px;
    font-size: 15px
}

.acgn-present {
    width: 405px
}

.acgn-present>.bd .content {
    padding-top: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    max-height: 270px;
    overflow: auto;
    margin-top: 12px
}

.acgn-present>.bd .content>.item {
    width: 90px;
    height: 116px;
    margin: 10px 10px 14px;
    float: left;
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 10px;
    border: 1px solid #ffffff
}

.acgn-present>.bd .content>.item:after {
    content: "";
    width: 0;
    height: 0
}

.acgn-present>.bd .content>.item .xxmm {
    width: 55px;
    height: 57.3px
}

.acgn-present>.bd .content>.item .name {
    clear: both;
    font-size: 14px;
    height: 20px
}

.acgn-present>.bd .content>.item .coin i {
    display: inline-block;
    vertical-align: middle
}

.acgn-present>.bd .content>.item .coin .coin-num {
    vertical-align: middle
}

.acgn-present>.bd .content>.item .num {
    width: 20px;
    height: 20px;
    background-color: #fc6976;
    color: #ffffff;
    text-align: center;
    line-height: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    right: -10px;
    top: -10px
}

.acgn-present>.bd .content>.active {
    border: 1px solid #fc6976
}

.acgn-mark>.bd {
    padding: 8px;
    background-color: #ffffff;
    font-size: 14px
}

.acgn-mark>.bd .content {
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 360px;
    height: 230px;
    margin-top: 12px
}

.acgn-mark>.bd .content .mark-row {
    height: 20px;
    margin-top: 19px;
    vertical-align: middle
}

.acgn-mark>.bd .content .mark-row .title {
    color: #333333
}

.acgn-mark>.bd .content .process-row {
    display: inline-block;
    width: 300px;
    height: 14px;
    margin-left: 16px
}

.acgn-mark>.bd .content .process {
    display: inline-block;
    width: 200px;
    height: 14px;
    background-color: #fc6976;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.acgn-mark>.bd .content .process-num {
    margin-left: 16px
}

.acgn-mark>.bd .footer {
    width: 100%;
    margin-bottom: 20px;
    text-align: left
}

.acgn-mark>.bd .footer .title {
    position: relative;
    top: 4px;
    color: #333333
}

.acgn-mark>.bd .footer .score {
    position: relative;
    top: 4px;
    color: #fc6976;
    font-size: 20px
}

.acgn-mark>.bd .footer .mark-star {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 30px;
    line-height: 30px;
    margin-left: 10px
}

.acgn-mark>.bd .footer .mark-star.star-row {
    display: inline-block
}

.acgn-mark>.bd .footer .mark-star.star-row .star {
    display: inline-block;
    height: 32px;
    width: 32px;
    cursor: pointer;
    margin-right: 6px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50%;
    -moz-background-size: 28px auto;
    background-size: 28px auto;
    background-image: url(//resource.mhxk.com/kanman_pc/static/images/comm/round-star-hollow.png)
}

.acgn-mark>.bd .footer .mark-star.star-row .star.solid {
    background-image: url(//resource.mhxk.com/kanman_pc/static/images/comm/round-star-solid.png)
}

.acgn-mark>.bd .footer .mark-star.star-row .star.half {
    background-image: url(//resource.mhxk.com/kanman_pc/static/images/comm/round-star-half.png)
}

.acgn-share {
    font-size: 0
}

.acgn-share .item {
    padding: 24px 0 21px;
    font-size: 14px;
    width: 20%;
    cursor: pointer
}

.acgn-share .item,
.acgn-share .item i {
    display: inline-block;
    text-align: center
}

.acgn-share .item i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    font-size: 24px
}

.acgn-share .item p {
    padding-top: 8px;
    font-size: 14px;
    color: #666666
}

.acgn-share .item:hover p {
    color: #fc6976
}

.acgn-share .item .acgn-share-ift-qq {
    background-color: #00b0fd
}

.acgn-share .item .acgn-share-ift-wechat {
    background-color: #09b70e
}

.acgn-share .item .acgn-share-ift-sina {
    background-color: #fa7f40
}

.acgn-share .item .acgn-share-ift-qzone {
    background-color: #fece00
}

.acgn-share .item .acgn-share-ift-copy {
    background-color: #8cda09
}

* html {
    background-attachment: fixed
}

html #layuicss-skinlayercss {
    display: none;
    position: absolute;
    width: 1989px
}

.layui-layer,
.layui-layer-shade {
    position: fixed;
    _position: absolute;
    pointer-events: auto
}

.layui-layer-shade {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    _height: expression(document.body.offsetHeight+"px")
}

.layui-layer {
    -webkit-overflow-scrolling: touch;
    top: 150px;
    left: 0;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    -webkit-background-clip: content;
    -webkit-box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
    -moz-box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .3)
}

.layui-layer-close {
    position: absolute
}

.layui-layer-content {
    position: relative
}

.layui-layer-border {
    border: 1px solid #f5f5f5;
    border: 1px solid rgba(0, 0, 0, .1);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .2)
}

.layui-layer-load {
    background: url(//resource.mhxk.com/kanman_pc/static/images/layer/loading-1.gif) #f5f5f5 50% no-repeat
}

.layui-layer-ico {
    background: url(//resource.mhxk.com/kanman_pc/static/images/layer/icon.png) no-repeat
}

.layui-layer-btn a,
.layui-layer-dialog .layui-layer-ico,
.layui-layer-setwin a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top
}

.layui-layer-move {
    display: none;
    position: fixed;
    *position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: move;
    opacity: 0;
    filter: alpha(opacity=0);
    background-color: #ffffff;
    z-index: 2147483647
}

.layui-layer-resize {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 0;
    bottom: 0;
    cursor: se-resize
}

.layui-layer {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        -moz-transform: scale(.5);
        transform: scale(.5)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        -moz-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.layer-anim {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-moz-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        -ms-transform: scale(.1) translateY(-2000px);
        -moz-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        -ms-transform: scale(.475) translateY(60px);
        -moz-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-o-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        -ms-transform: scale(.1) translateY(-2000px);
        -o-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        -ms-transform: scale(.475) translateY(60px);
        -o-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        -ms-transform: scale(.1) translateY(-2000px);
        -moz-transform: scale(.1) translateY(-2000px);
        -o-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        -ms-transform: scale(.475) translateY(60px);
        -moz-transform: scale(.475) translateY(60px);
        -o-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.layer-anim-01 {
    -webkit-animation-name: zoomInDown;
    -moz-animation-name: zoomInDown;
    -o-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        -o-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.layer-anim-02 {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-moz-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        -ms-transform: scale(.1) translateX(-2000px);
        -moz-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        -ms-transform: scale(.475) translateX(48px);
        -moz-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-o-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        -ms-transform: scale(.1) translateX(-2000px);
        -o-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        -ms-transform: scale(.475) translateX(48px);
        -o-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        -ms-transform: scale(.1) translateX(-2000px);
        -moz-transform: scale(.1) translateX(-2000px);
        -o-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        -ms-transform: scale(.475) translateX(48px);
        -moz-transform: scale(.475) translateX(48px);
        -o-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.layer-anim-03 {
    -webkit-animation-name: zoomInLeft;
    -moz-animation-name: zoomInLeft;
    -o-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        -moz-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        -ms-transform: translateX(0) rotate(0deg);
        -moz-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        -o-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        -ms-transform: translateX(0) rotate(0deg);
        -o-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        -moz-transform: translateX(-100%) rotate(-120deg);
        -o-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        -ms-transform: translateX(0) rotate(0deg);
        -moz-transform: translateX(0) rotate(0deg);
        -o-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

.layer-anim-04 {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.layer-anim-05 {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes shake {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@-moz-keyframes shake {

    0%,
    to {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -moz-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@-o-keyframes shake {

    0%,
    to {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {

    0%,
    to {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.layer-anim-06 {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes bounceOut {
    to {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    30% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes bounceOut {
    to {
        opacity: 0;
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        -moz-transform: scale(.7);
        transform: scale(.7)
    }

    30% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -moz-transform: scale(1.05);
        transform: scale(1.05)
    }

    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes bounceOut {
    to {
        opacity: 0;
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7)
    }

    30% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }

    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceOut {
    to {
        opacity: 0;
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7)
    }

    30% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }

    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.layer-anim-close {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .2s;
    -moz-animation-duration: .2s;
    -o-animation-duration: .2s;
    animation-duration: .2s
}

.layui-layer-title {
    padding: 0 80px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #f5f5f5;
    font-size: 14px;
    color: #333333;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #f5f5f5;
    -webkit-border-radius: 12px 12px 0 0;
    -moz-border-radius: 12px 12px 0 0;
    border-radius: 12px 12px 0 0
}

.layui-layer-setwin {
    position: absolute;
    right: 15px;
    *right: 0;
    top: 15px;
    font-size: 0;
    line-height: normal
}

.layui-layer-setwin a {
    position: relative;
    width: 14px;
    height: 16px;
    margin-left: 10px;
    font-size: 12px;
    _overflow: hidden
}

.layui-layer-setwin .layui-layer-min cite {
    position: absolute;
    width: 14px;
    height: 2px;
    left: 0;
    top: 50%;
    margin-top: -1px;
    background-color: #333333;
    cursor: pointer;
    _overflow: hidden
}

.layui-layer-setwin .layui-layer-min:hover cite {
    background-color: #43BEF6
}

.layui-layer-setwin .layui-layer-max {
    background-position: -32px -40px
}

.layui-layer-setwin .layui-layer-max:hover {
    background-position: -16px -40px
}

.layui-layer-setwin .layui-layer-maxmin {
    background-position: -65px -40px
}

.layui-layer-setwin .layui-layer-maxmin:hover {
    background-position: -49px -40px
}

.layui-layer-setwin .layui-layer-close1 {
    background-position: 0 -40px;
    cursor: pointer
}

.layui-layer-setwin .layui-layer-close1:hover {
    opacity: .7
}

.layui-layer-setwin .layui-layer-close2 {
    position: absolute;
    right: -28px;
    top: -28px;
    width: 30px;
    height: 30px;
    margin-left: 0;
    background-position: -149px -31px;
    *right: -18px;
    _display: none
}

.layui-layer-setwin .layui-layer-close2:hover {
    background-position: -180px -31px
}

.layui-layer-btn {
    text-align: center;
    padding: 0 10px 12px;
    pointer-events: auto;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    font-size: 12px
}

.layui-layer-btn a {
    height: 28px;
    line-height: 28px;
    margin: 0 6px;
    padding: 0 15px;
    border: 1px solid #dcdcdc;
    color: #333333;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none
}

.layui-layer-btn a:hover {
    opacity: .9;
    text-decoration: none
}

.layui-layer-btn a:active {
    opacity: .8
}

.layui-layer-btn-l {
    text-align: left
}

.layui-layer-btn-c {
    text-align: center
}

.layui-layer-dialog {
    min-width: 260px
}

.layui-layer-dialog .layui-layer-content {
    position: relative;
    padding: 20px;
    line-height: 24px;
    word-break: break-all;
    font-size: 14px
}

.layui-layer-dialog .layui-layer-content .layui-layer-ico {
    position: absolute;
    top: 16px;
    left: 15px;
    _left: -40px;
    width: 30px;
    height: 30px
}

.layui-layer-ico1 {
    background-position: -30px 0
}

.layui-layer-ico2 {
    background-position: -60px 0
}

.layui-layer-ico3 {
    background-position: -90px 0
}

.layui-layer-ico4 {
    background-position: -120px 0
}

.layui-layer-ico5 {
    background-position: -150px 0
}

.layui-layer-ico6 {
    background-position: -180px 0
}

.layui-layer-rim {
    border: 6px solid #dcdcdc;
    border: 6px solid rgba(0, 0, 0, .3);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

.layui-layer-msg,
.layui-layer-rim {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.layui-layer-msg {
    min-width: 180px;
    border: 1px solid #dcdcdc
}

.layui-layer-hui {
    min-width: 100px;
    background-color: #000000;
    filter: alpha(opacity=60);
    background-color: rgba(0, 0, 0, .6);
    color: #ffffff;
    border: none
}

.layui-layer-hui .layui-layer-content {
    padding: 12px 25px;
    text-align: center
}

.layui-layer-dialog .layui-layer-padding {
    padding: 20px 20px 20px 55px;
    text-align: left
}

.layui-layer-page .layui-layer-content {
    position: relative
}

.layui-layer-iframe .layui-layer-btn,
.layui-layer-page .layui-layer-btn {
    padding-top: 10px
}

.layui-layer-nobg {
    background: none
}

.layui-layer-iframe iframe {
    display: block;
    width: 100%
}

.layui-layer-loading {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none
}

.layui-layer-loading .layui-layer-content {
    width: 60px;
    height: 24px;
    background: url(//resource.mhxk.com/kanman_pc/static/images/layer/loading-0.gif) no-repeat
}

.layui-layer-loading .layui-layer-loading1 {
    width: 37px;
    height: 37px;
    background: url(//resource.mhxk.com/kanman_pc/static/images/layer/loading-1.gif) no-repeat
}

.layui-layer-ico16,
.layui-layer-loading .layui-layer-loading2 {
    width: 32px;
    height: 32px;
    background: url(//resource.mhxk.com/kanman_pc/static/images/layer/loading-2.gif) no-repeat
}

.layui-layer-tips {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none
}

.layui-layer-tips .layui-layer-content {
    position: relative;
    line-height: 22px;
    min-width: 12px;
    padding: 5px 10px;
    font-size: 12px;
    _float: left;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
    background-color: #000000;
    color: #ffffff
}

.layui-layer-tips .layui-layer-close {
    right: -2px;
    top: -1px
}

.layui-layer-tips i.layui-layer-TipsG {
    position: absolute;
    width: 0;
    height: 0;
    border: 8px dashed transparent;
    *overflow: hidden
}

.layui-layer-tips i.layui-layer-TipsB,
.layui-layer-tips i.layui-layer-TipsT {
    left: 5px;
    border-right-style: solid;
    border-right-color: #000000
}

.layui-layer-tips i.layui-layer-TipsT {
    bottom: -8px
}

.layui-layer-tips i.layui-layer-TipsB {
    top: -8px
}

.layui-layer-tips i.layui-layer-TipsL,
.layui-layer-tips i.layui-layer-TipsR {
    top: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000
}

.layui-layer-tips i.layui-layer-TipsR {
    left: -8px
}

.layui-layer-tips i.layui-layer-TipsL {
    right: -8px
}

.layui-layer-lan[type=dialog] {
    min-width: 280px
}

.layui-layer-lan .layui-layer-title {
    background: #dcdcdc;
    color: #ffffff;
    border: none
}

.layui-layer-lan .layui-layer-btn {
    padding: 10px;
    text-align: right;
    border-top: 1px solid #f5f5f5
}

.layui-layer-lan .layui-layer-btn a {
    background: #f5f5f5;
    border: none
}

.layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
    background: #f5f5f5
}

.layui-layer-molv .layui-layer-title {
    background: #fc6976;
    color: #ffffff;
    border: none
}

.layui-layer-molv .layui-layer-btn a {
    background: #fc6976
}

.layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
    background: #dcdcdc
}

.layui-layer-iconext {
    background: url(//resource.mhxk.com/kanman_pc/static/images/layer/icon-ext.png) no-repeat
}

.layui-layer-prompt .layui-layer-input {
    display: block;
    width: 220px;
    height: 30px;
    margin: 0 auto;
    line-height: 30px;
    padding: 0 5px;
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1) inset;
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1) inset;
    box-shadow: inset 1px 1px 5px rgba(0, 0, 0, .1);
    color: #333333;
    outline: none
}

.layui-layer-prompt textarea.layui-layer-input {
    width: 300px;
    height: 100px;
    line-height: 20px
}

.layui-layer-prompt .layui-layer-content {
    padding: 20px
}

.layui-layer-prompt .layui-layer-btn {
    padding-top: 0
}

.layui-layer-tab {
    -webkit-box-shadow: 1px 1px 50px rgba(0, 0, 0, .4);
    -moz-box-shadow: 1px 1px 50px rgba(0, 0, 0, .4);
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .4)
}

.layui-layer-tab .layui-layer-title {
    padding-left: 0;
    border-bottom: 1px solid #dcdcdc;
    background-color: #f5f5f5;
    overflow: visible
}

.layui-layer-tab .layui-layer-title span {
    position: relative;
    float: left;
    min-width: 80px;
    max-width: 260px;
    padding: 0 20px;
    text-align: center;
    cursor: default;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.layui-layer-tab .layui-layer-title span.layui-layer-tabnow {
    height: 43px;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    background-color: #ffffff;
    z-index: 10
}

.layui-layer-tab .layui-layer-title span:first-child {
    border-left: none
}

.layui-layer-tabmain {
    line-height: 24px;
    clear: both
}

.layui-layer-tabmain .layui-layer-tabli {
    display: none
}

.layui-layer-tabmain .layui-layer-tabli.xubox_tab_layer {
    display: block
}

.xubox_tabclose {
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer
}

.layui-layer-photos {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s
}

.layui-layer-photos .layui-layer-content {
    overflow: hidden;
    text-align: center
}

.layui-layer-photos .layui-layer-phimg img {
    position: relative;
    width: 100%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top
}

.layui-layer-imgbar,
.layui-layer-imguide {
    display: none
}

.layui-layer-imgnext,
.layui-layer-imgprev {
    position: absolute;
    top: 50%;
    width: 27px;
    _width: 44px;
    height: 44px;
    margin-top: -22px;
    outline: none;
    blr: expression(this.onFocus=this.blur())
}

.layui-layer-imgprev {
    left: 10px;
    background-position: -5px -5px;
    _background-position: -70px -5px
}

.layui-layer-imgprev:hover {
    background-position: -33px -5px;
    _background-position: -120px -5px
}

.layui-layer-imgnext {
    right: 10px;
    _right: 8px;
    background-position: -5px -50px;
    _background-position: -70px -50px
}

.layui-layer-imgnext:hover {
    background-position: -33px -50px;
    _background-position: -120px -50px
}

.layui-layer-imgbar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 32px;
    line-height: 32px;
    background-color: rgba(0, 0, 0, .8);
    background-color: #000000;
    filter: Alpha(opacity=80);
    color: #ffffff;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0
}

.layui-layer-imgtit * {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    font-size: 12px
}

.layui-layer-imgtit a {
    max-width: 65%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #ffffff
}

.layui-layer-imgtit a:hover {
    color: #ffffff;
    text-decoration: underline
}

.layui-layer-imgtit em {
    padding-left: 10px;
    font-style: normal
}

@media screen and (max-width:1100px) {
    .layui-layer-iframe {
        -webkit-overflow-scrolling: touch
    }
}

.layui-layer-btn {
    padding: 0;
    border-top: 1px solid #f5f5f5
}

.layui-layer-btn>a {
    margin: 0;
    width: 50%;
    height: 50px;
    line-height: 50px;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 16px;
    color: #999999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.layui-layer-btn>a:first-child {
    -webkit-border-radius: 0 0 0 12px;
    -moz-border-radius: 0 0 0 12px;
    border-radius: 0 0 0 12px;
    border-right: 1px solid #f5f5f5
}

.layui-layer-btn>a:last-child {
    -webkit-border-radius: 0 0 12px 0;
    -moz-border-radius: 0 0 12px 0;
    border-radius: 0 0 12px 0;
    border-right: 0
}

.acgn-btn,
.acgn-btn-lg,
.acgn-btn-sm,
.acgn-btn-xl,
.acgn-btn-xs {
    display: inline-block;
    margin-bottom: 0;
    font-family: Microsoft Yahei, SimSun, Tahoma, arial, SimHei, sans-serif;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    *overflow: visible;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    -moz-transition: .3s ease-in;
    transition: .3s ease-in
}

.acgn-btn-lg:focus,
.acgn-btn-lg:hover,
.acgn-btn-sm:focus,
.acgn-btn-sm:hover,
.acgn-btn-xl:focus,
.acgn-btn-xl:hover,
.acgn-btn-xs:focus,
.acgn-btn-xs:hover,
.acgn-btn:focus,
.acgn-btn:hover {
    text-decoration: none;
    opacity: .9
}

.acgn-active.acgn-btn,
.acgn-active.acgn-btn-lg,
.acgn-active.acgn-btn-sm,
.acgn-active.acgn-btn-xl,
.acgn-active.acgn-btn-xs,
.acgn-btn-lg:active,
.acgn-btn-sm:active,
.acgn-btn-xl:active,
.acgn-btn-xs:active,
.acgn-btn:active {
    -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 5px 5px rgba(0, 0, 0, .05);
    box-shadow: inset 0 5px 5px rgba(0, 0, 0, .05)
}

.acgn-disabled.acgn-btn,
.acgn-disabled.acgn-btn-lg,
.acgn-disabled.acgn-btn-sm,
.acgn-disabled.acgn-btn-xl,
.acgn-disabled.acgn-btn-xs,
[disabled].acgn-btn,
[disabled].acgn-btn-lg,
[disabled].acgn-btn-sm,
[disabled].acgn-btn-xl,
[disabled].acgn-btn-xs,
fieldset[disabled] .acgn-btn,
fieldset[disabled] .acgn-btn-lg,
fieldset[disabled] .acgn-btn-sm,
fieldset[disabled] .acgn-btn-xl,
fieldset[disabled] .acgn-btn-xs {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.acgn-clear,
.acgn-clearfix,
.acgn-form-horizontal .acgn-form-group,
.acgn-row,
.pay-panel .method .list,
.pay-panel .order .list {
    zoom: 1
}

.acgn-clear:after,
.acgn-clearfix:after,
.acgn-form-horizontal .acgn-form-group:after,
.acgn-row:after,
.pay-panel .method .list:after,
.pay-panel .order .list:after {
    content: "";
    display: table;
    clear: both
}

.browser .close {
    position: absolute;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-family: tahoma, arial, Hiragino Sans GB, SimSun, sans-serif;
    color: #ffffff;
    font-size: 20px;
    background-color: #fc6976;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    -moz-transition: .3s ease-in;
    transition: .3s ease-in
}

.browser .close:hover {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    transform: rotate(1turn);
    background-color: #FFC100
}

.acgn-model .abnormal {
    padding: 100px 32px
}

.acgn-model .abnormal .pic {
    display: block;
    height: auto;
    max-height: 120px;
    width: auto;
    margin: 0 auto
}

.acgn-model .abnormal .msg {
    padding: 12px 0;
    font-size: 14px;
    color: #999999;
    line-height: 24px;
    text-align: center
}

.acgn-model .border-shadow {
    cursor: pointer;
    position: absolute;
    top: 0;
    display: block;
    height: 100%;
    width: 150px;
    overflow: hidden
}

.acgn-model .border-shadow .shadow {
    height: 100%;
    width: 145px
}

.acgn-model .border-shadow .btn {
    position: absolute;
    top: 50%;
    height: 80px;
    width: 40px;
    margin-top: -40px;
    font-size: 18px;
    line-height: 80px;
    text-align: center;
    color: #999999
}

.acgn-model .border-shadow.border-shadow-left {
    left: -150px;
    padding-right: 5px
}

.acgn-model .border-shadow.border-shadow-left .shadow {
    -webkit-box-shadow: 0 0 8px 0 #dcdcdc;
    -moz-box-shadow: 0 0 8px 0 #dcdcdc;
    box-shadow: 0 0 8px 0 #dcdcdc
}

.acgn-model .border-shadow.border-shadow-left .btn {
    right: 8px
}

.acgn-model .border-shadow.border-shadow-right {
    right: -150px;
    padding-left: 5px
}

.acgn-model .border-shadow.border-shadow-right .shadow {
    -webkit-box-shadow: 0 0 8px 0 #dcdcdc;
    -moz-box-shadow: 0 0 8px 0 #dcdcdc;
    box-shadow: 0 0 8px 0 #dcdcdc
}

.acgn-model .border-shadow.border-shadow-right .btn {
    left: 8px
}

.acgn-model .border-shadow.btn-hide {
    display: none
}

.acgn-model .float-main {
    position: fixed;
    z-index: 130;
    left: 50%;
    top: 100px;
    width: 88px;
    margin-left: -632px
}

.acgn-model .float-main .group-rect-list {
    position: relative;
    z-index: 132;
    display: block;
    height: auto;
    width: 88px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

.acgn-model .float-main .group-rect-list .item {
    position: relative;
    display: block;
    height: 36px;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    color: #666666;
    background-color: #ffffff
}

.acgn-model .float-main .group-rect-list .item.active,
.acgn-model .float-main .group-rect-list .item:hover {
    color: #fc6976;
    background-color: rgba(252, 105, 118, 0.20)
}

.acgn-model .float-main .group-square-list {
    position: relative;
    z-index: 132;
    display: block;
    height: auto;
    width: 64px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 0 auto;
    overflow: hidden
}

.acgn-model .float-main .group-square-list .item {
    position: relative;
    display: block;
    height: 64px;
    width: 64px;
    padding: 12px 4px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 3px;
    word-break: break-all;
    background-color: #ffffff
}

.acgn-model .float-main .group-square-list .item.active,
.acgn-model .float-main .group-square-list .item:hover {
    color: #fc6976
}

.acgn-model .float-main .group-list-border {
    border: 1px solid #fc6976
}

.acgn-model .float-main .group-list-shadow {
    -webkit-box-shadow: 1px 1px 4px #dcdcdc;
    -moz-box-shadow: 1px 1px 4px #dcdcdc;
    box-shadow: 1px 1px 4px #dcdcdc
}

.acgn-model .float-main .round-list {
    position: relative;
    z-index: 132;
    display: block;
    height: auto;
    width: 64px;
    margin: 0 auto
}

.acgn-model .float-main .round-list .item {
    position: relative;
    display: block;
    height: 64px;
    width: 64px;
    padding: 12px 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fc6976;
    background-color: #ffffff
}

.acgn-model .float-main .round-list .item .item-icon {
    font-size: 36px;
    line-height: 40px
}

.acgn-model .float-main .rect-list {
    position: relative;
    z-index: 132;
    display: block;
    height: auto;
    width: 64px;
    margin: 0 auto
}

.acgn-model .float-main .rect-list .item {
    position: relative;
    display: block;
    height: auto;
    width: 64px;
    padding: 12px 4px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fc6976;
    background-color: #ffffff
}

.acgn-model .float-main .rect-list .item .item-icon {
    font-size: 36px;
    line-height: 40px
}

.acgn-model .float-main .list-shadow .item {
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 4px 0 #dcdcdc;
    -moz-box-shadow: 1px 1px 4px 0 #dcdcdc;
    box-shadow: 1px 1px 4px 0 #dcdcdc
}

.acgn-model .float-main .list-border .item {
    line-height: 19px;
    padding: 11px 4px;
    border: 1px solid #fc6976
}

.acgn-model .float-main .square-list {
    position: relative;
    z-index: 132;
    display: block;
    height: auto;
    width: 64px;
    margin: 0 auto
}

.acgn-model .float-main .square-list .item {
    position: relative;
    display: block;
    height: 64px;
    width: 64px;
    padding: 12px 4px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fc6976;
    background-color: #ffffff
}

.acgn-model .float-main .square-list .item .item-icon {
    font-size: 36px;
    line-height: 40px
}

.acgn-model .float-main .item-hover {
    position: absolute;
    left: 50%;
    top: 50%;
    display: none;
    height: 0;
    width: 0
}

.acgn-model .float-main .item:hover .item-hover {
    display: block
}

.acgn-model .float-main .float-qr-code {
    position: absolute;
    right: 48px;
    top: 0;
    display: block;
    height: 128px;
    width: 128px;
    padding: 14px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-top: -64px;
    background-color: #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 hsla(0, 0%, 100%, .5);
    -moz-box-shadow: -1px 1px 4px 0 hsla(0, 0%, 100%, .5);
    box-shadow: -1px 1px 4px 0 hsla(0, 0%, 100%, .5)
}

.acgn-model .float-main .float-qr-code .triangle {
    position: absolute;
    right: -12px;
    top: 50%;
    display: block;
    height: 0;
    width: 0;
    margin-top: -6px;
    border-style: solid;
    border-width: 6px;
    border-color: transparent transparent transparent #ffffff
}

.acgn-model .float-main .float-qr-code .pic {
    display: block;
    height: 100px;
    width: 100px
}

.acgn-model .float-main .stretching-block {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    height: 64px;
    width: auto;
    padding: 12px 64px 12px 24px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    font-size: 20px;
    line-height: 36px;
    overflow: hidden;
    color: #fc6976;
    background-color: #ffffff;
    white-space: nowrap;
    -webkit-box-shadow: 1px 1px 4px 0 #dcdcdc;
    -moz-box-shadow: 1px 1px 4px 0 #dcdcdc;
    box-shadow: 1px 1px 4px 0 #dcdcdc
}

.acgn-model .float-main .stretching-block .stretching-icon {
    position: absolute;
    right: 12px;
    top: 12px;
    display: block;
    height: 40px;
    width: 40px;
    font-size: 12px;
    line-height: 12px
}

.acgn-model .float-main .item:hover .stretching-block {
    display: inline-block
}

.acgn-model .float-main .to-top {
    position: relative;
    padding: 0 8px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fc6976
}

.acgn-model .float-main .to-top.disabled {
    color: #dcdcdc
}

.acgn-model .float-main .connect {
    position: relative;
    z-index: 131;
    display: block;
    height: 8px;
    margin: 0 auto
}

.acgn-model .float-main .connect .line {
    position: absolute;
    left: 50%;
    top: 0;
    height: 16px;
    width: 26px;
    border-style: solid;
    border-color: #fc6976;
    border-width: 0 1px;
    margin-left: -13px
}

.acgn-model .float-main .connect.connect-long {
    height: 16px
}

.acgn-model .float-main .connect.connect-small .line {
    width: 16px;
    margin-left: -8px
}

.acgn-model .float-main .connect.connect-gray .line {
    border-color: #dcdcdc
}

.acgn-model .model-head {
    position: relative;
    height: 80px;
    font-size: 0;
    line-height: 80px
}

.acgn-model .model-head .title {
    display: inline-block;
    height: 80px;
    padding: 24px 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    color: #333333;
    vertical-align: middle
}

.acgn-model .model-head .title.title-primary {
    font-size: 14px;
    color: #fc6976
}

.acgn-model .model-head .mask {
    line-height: 32px
}

.acgn-model .model-head .mask,
.acgn-model .model-head .mask-bg {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    font-size: 0;
    text-align: center;
    vertical-align: middle
}

.acgn-model .model-head .mask-bg {
    height: 56px;
    width: 56px;
    line-height: 56px
}

.acgn-model .model-head .mask-bg .mask {
    position: relative;
    z-index: 1;
    display: inline-block;
    height: auto;
    max-height: 100%;
    width: auto;
    max-width: 100%;
    vertical-align: middle
}

.acgn-model .model-head .mask-bg .text {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    display: block;
    height: 56px;
    width: 56px;
    font-size: 14px;
    text-align: left;
    text-align: center;
    line-height: 56px;
    color: #ffffff
}

.acgn-model .model-head .more {
    position: absolute;
    right: 0;
    top: 20px;
    display: inline-block;
    height: 40px;
    width: auto;
    padding-left: 15px;
    font-size: 14px;
    line-height: 40px;
    color: #999999
}

.acgn-model .model-head .more a {
    color: inherit
}

.acgn-model .model-head .more i {
    color: #dcdcdc
}

.acgn-model .model-head .more .big {
    padding: 0 2px;
    margin-top: -4px;
    font-size: 28px;
    vertical-align: middle
}

.acgn-model .model-head .more:hover {
    color: #fc6976
}

.acgn-model .model-head .more:hover i {
    color: #FFD1D8
}

.acgn-model .model-head .more-bar {
    position: absolute;
    right: 0;
    bottom: 24px;
    display: inline-block;
    height: 24px;
    width: auto;
    padding: 0 10px 0 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    color: #fc6976;
    background-color: #ffffff
}

.acgn-model .model-head .more-bar:hover {
    background-color: #fecdd1
}

.acgn-model .model-head .change {
    position: absolute;
    right: 0;
    top: 50%;
    display: inline-block;
    height: 24px;
    width: auto;
    padding: 0 6px;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    margin-top: -12px;
    font-size: 12px;
    line-height: 22px;
    color: #999999
}

.acgn-model .model-head .change:hover {
    background-color: #dcdcdc;
    color: #666666
}

.acgn-model .outer-btn {
    position: absolute;
    top: 0;
    display: block;
    height: 100%;
    width: 32px;
    background-color: #f5f5f5;
    cursor: pointer
}

.acgn-model .outer-btn.outer-btn-arc:before {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    height: 100%;
    width: 18px;
    background-repeat: no-repeat;
    -moz-background-size: auto 100%;
    background-size: auto 100%
}

.acgn-model .outer-btn .icon {
    position: absolute;
    top: 50%;
    display: block;
    height: 30px;
    width: 30px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #dcdcdc
}

.acgn-model .outer-btn.outer-btn-round {
    top: 50%;
    height: 84px;
    width: 42px;
    margin-top: -42px
}

.acgn-model .outer-btn.outer-btn-left {
    right: 100%
}

.acgn-model .outer-btn.outer-btn-left .icon {
    left: 50%;
    margin: -15px 0 0 -15px
}

.acgn-model .outer-btn.outer-btn-left.outer-btn-arc {
    width: 24px
}

.acgn-model .outer-btn.outer-btn-left.outer-btn-arc:before {
    left: -18px;
    background-image: url(//resource.mhxk.com/kanman_pc/static/images/horn-arc-left.png);
    background-position: 0
}

.acgn-model .outer-btn.outer-btn-left.outer-btn-arc .icon {
    left: 0
}

.acgn-model .outer-btn.outer-btn-left.outer-btn-round {
    -webkit-border-radius: 42px 0 0 42px;
    -moz-border-radius: 42px 0 0 42px;
    border-radius: 42px 0 0 42px
}

.acgn-model .outer-btn.outer-btn-right {
    left: 100%
}

.acgn-model .outer-btn.outer-btn-right .icon {
    right: 50%;
    margin: -15px -15px 0 0
}

.acgn-model .outer-btn.outer-btn-right.outer-btn-arc:before {
    right: -18px;
    background-image: url(//resource.mhxk.com/kanman_pc/static/images/horn-arc-right.png);
    background-position: 100%
}

.acgn-model .outer-btn.outer-btn-right.outer-btn-arc .icon {
    right: 0
}

.acgn-model .outer-btn.outer-btn-right.outer-btn-round {
    -webkit-border-radius: 0 42px 42px 0;
    -moz-border-radius: 0 42px 42px 0;
    border-radius: 0 42px 42px 0
}

.acgn-model .pic-cover {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 12px;
    overflow: hidden;
    background-position: 50%;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover
}

.acgn-model .pic-cover .light-cloth {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    display: none;
    height: 100%;
    width: 100%;
    background-color: hsla(0, 0%, 100%, .1)
}

.acgn-model .pic-cover:hover .light-cloth {
    display: block
}

.acgn-model .pic-cover .shadow-area {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    padding-top: 8px;
    background-color: rgba(0, 0, 0, .36);
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .36)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .36), transparent);
    background-image: -moz- oldlinear-gradient(bottom, rgba(0, 0, 0, .36) 0, transparent 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .36) 0, transparent 100%);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .36), transparent)
}

.acgn-model .pic-cover:hover .shadow-area {
    display: block
}

.acgn-model .pic-cover .shadow-area-fix {
    display: block
}

.acgn-model .pic-cover .name {
    height: 20px;
    width: 100%;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 20px
}

.acgn-model .pic-cover .desc,
.acgn-model .pic-cover .name {
    display: block;
    padding: 0 8px;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    text-shadow: 1px 1px 2px #666666;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model .pic-cover .desc {
    height: 18px;
    margin-bottom: 2px;
    font-size: 10px;
    line-height: 18px
}

.acgn-model .pic-cover.pic-cover-big .name {
    height: 28px;
    padding: 0 16px;
    margin-bottom: 6px;
    font-size: 20px;
    line-height: 28px
}

.acgn-model .pic-cover.pic-cover-big .desc {
    height: 20px;
    padding: 0 16px;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 20px
}

.acgn-model .pic-overflow {
    position: relative;
    z-index: 2;
    display: block;
    padding-bottom: 22px;
    -webkit-transition: padding .3s ease-out;
    -o-transition: padding .3s ease-out;
    -moz-transition: padding .3s ease-out;
    transition: padding .3s ease-out;
    overflow: hidden
}

.acgn-model .pic-overflow .floater {
    position: absolute;
    left: 0;
    top: 100%;
    height: 104px;
    margin-top: -32px;
    color: #333333;
    background-color: #ffffff;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.acgn-model .pic-overflow .floater:before {
    content: "";
    position: absolute;
    left: 0;
    top: -10px;
    display: block;
    height: 10px;
    width: 100%;
    background: url(//resource.mhxk.com/kanman_pc/static/images/book/bg-wave.png) no-repeat 50%;
    -moz-background-size: 100% 10px;
    background-size: 100% 10px
}

.acgn-model .pic-overflow .floater .mask {
    position: absolute;
    right: 5px;
    top: -36px;
    display: block;
    height: 34px;
    width: 34px;
    font-size: 12px;
    line-height: 36px;
    text-align: center;
    color: #fc6976;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.acgn-model .pic-overflow .floater .mask.mask-heart {
    background: url(//resource.mhxk.com/kanman_pc/static/images/icon-deck-heart.png) no-repeat 50%
}

.acgn-model .pic-overflow .floater .mask.mask-fire {
    height: 40px;
    width: 40px;
    line-height: 42px;
    background: url(//resource.mhxk.com/kanman_pc/static/images/icon-deck-fire.png) no-repeat 50%
}

.acgn-model .pic-overflow .floater .title {
    height: 36px;
    padding: 12px 4px 4px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model .pic-overflow .floater .desc {
    height: 38px;
    padding: 6px 4px 0;
    font-size: 12px;
    line-height: 16px;
    color: #999999;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model .pic-overflow .floater .new {
    display: block;
    height: 30px;
    padding: 9px 4px;
    font-size: 12px;
    line-height: 16px;
    color: #999999
}

.acgn-model .pic-overflow:hover {
    z-index: 3;
    border-bottom: 84px solid transparent;
    -webkit-box-shadow: 0 0 4px 1px #fc6976;
    -moz-box-shadow: 0 0 4px 1px #fc6976;
    box-shadow: 0 0 4px 1px #fc6976;
    overflow: visible
}

.acgn-model .pic-overflow:hover .floater {
    color: #fc6976;
    margin-top: -22px
}

.acgn-model .pic-shadow {
    position: relative
}

.acgn-model .pic-shadow .shadow {
    display: block;
    height: auto;
    padding: 0 12px 9px 0;
    -webkit-border-radius: 0 10px 10px 10px;
    -moz-border-radius: 0 10px 10px 10px;
    border-radius: 0 10px 10px 10px;
    margin-bottom: 4px;
    background: url(//resource.mhxk.com/kanman_pc/static/images/line-shadow.png) repeat 0;
    -moz-background-size: 5px auto;
    background-size: 5px auto;
    overflow: hidden
}

.acgn-model .pic-shadow .shadow .pic {
    background-repeat: no-repeat;
    background-position: 50%;
    -moz-background-size: cover;
    background-size: cover
}

.acgn-model .pic-shadow .title {
    height: 32px;
    padding: 8px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #333333
}

.acgn-model .pic-shadow .desc,
.acgn-model .pic-shadow .title {
    display: block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model .pic-shadow .desc {
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #999999
}

.acgn-model .pic-shadow:hover .shadow {
    background-image: url(//resource.mhxk.com/kanman_pc/static/images/line-shadow-hover.png)
}

.acgn-model .pic-shadow:hover .title {
    color: #fc6976
}

.acgn-model .pic-view {
    position: relative;
    display: block;
    height: auto;
    width: 100%
}

.acgn-model .pic-view .view {
    overflow: hidden
}

.acgn-model .pic-view .view .bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover
}

.acgn-model .pic-view .view .star {
    position: absolute;
    right: 5px;
    top: 5px;
    display: block;
    height: 28px;
    width: 28px;
    font-size: 12px;
    line-height: 28px;
    font-weight: 300;
    text-align: center;
    color: #ffffff;
    background: url(//resource.mhxk.com/kanman_pc/static/images/round-star.png) no-repeat 50%;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.acgn-model .pic-view .view .pingfen {
    position: absolute;
    right: 2px;
    z-index: 2;
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    -ms-transform: scale(.75);
    -o-transform: scale(.75);
    transform: scale(.75);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.acgn-model .pic-view .view .pingfen i {
    font-size: 30px;
    display: block;
    width: 30px;
    height: 30px;
    color: #fc6976
}

.acgn-model .pic-view .view .pingfen .pinfen-num {
    position: absolute;
    font-size: 12px;
    top: 3px;
    line-height: 30px;
    text-align: center;
    left: 6px;
    color: #ffffff !important
}

.acgn-model .pic-view .view .new {
    position: absolute;
    right: 0;
    bottom: 4px;
    display: inline-block;
    width: auto;
    height: 16px;
    line-height: 16px;
    padding: 0 6px;
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
    font-size: 12px;
    text-align: center;
    color: #ffffff;
    background: url(//resource.mhxk.com/kanman_pc/static/images/book/pink-gradient-bg.png) no-repeat 50%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.acgn-model .pic-view .view .under {
    position: absolute;
    left: 0;
    bottom: -100%;
    height: auto;
    width: 100%;
    padding-top: 18px;
    font-size: 12px;
    font-weight: 300;
    color: #ffffff;
    overflow: hidden;
    -webkit-transition: bottom .15s ease-out;
    -o-transition: bottom .15s ease-out;
    -moz-transition: bottom .15s ease-out;
    transition: bottom .15s ease-out
}

.acgn-model .pic-view .view .under .info,
.acgn-model .pic-view .view .under .summary {
    position: relative;
    z-index: 2;
    height: 24px;
    color: #ffffff;
    line-height: 16px;
    padding: 0 4px 8px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model .pic-view .view .under .info {
    font-size: 14px
}

.acgn-model .pic-view .view .under .round {
    position: absolute;
    z-index: 1;
    left: -50%;
    top: 0;
    height: auto;
    width: 200%;
    padding-bottom: 80%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(252, 105, 118, 0.80)
}

.acgn-model .pic-view .view:hover .new {
    display: none
}

.acgn-model .pic-view .view:hover .under {
    bottom: 0
}

.acgn-model .pic-view .title {
    height: 32px;
    padding-top: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #333333;
    cursor: pointer
}

.acgn-model .pic-view .desc {
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    color: #333333;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model .pic-wave .pic .bg {
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transition: -webkit-transform .2s linear;
    -o-transition: -o-transform .2s linear;
    -moz-transition: transform .2s linear, -moz-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear, -moz-transform .2s linear, -o-transform .2s linear;
    -webkit-transition: -webkit-transform .2s linear
}

.acgn-model .pic-wave .pic .bg:hover {
    -moz-transform: scale(1.05) translateY(-2%);
    -ms-transform: scale(1.05) translateY(-2%);
    -o-transform: scale(1.05) translateY(-2%);
    transform: scale(1.05) translateY(-2%);
    -webkit-transform: scale(1.05) translateY(-2%)
}

.acgn-model .pic-wave {
    position: relative;
    display: block
}

.acgn-model .pic-wave a {
    color: inherit
}

.acgn-model .pic-wave .pic {
    overflow: hidden
}

.acgn-model .pic-wave .pic,
.acgn-model .pic-wave .pic .bg {
    display: block;
    height: 100%;
    width: 100%
}

.acgn-model .pic-wave .pic .wave {
    position: absolute;
    left: 0;
    right: -1px;
    bottom: -2px;
    padding-bottom: 8.648649%;
    background: url(//resource.mhxk.com/kanman_pc/static/images/comm/wave.png) no-repeat 0 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-transform: scaleX(1.01) translateZ(0);
    -moz-transform: scaleX(1.01) translateZ(0);
    transform: scaleX(1.01) translateZ(0)
}

.acgn-model .pic-wave .pic .wave.wave-long {
    padding-bottom: 4.545455%;
    background-image: url(//resource.mhxk.com/kanman_pc/static/images/book/wave-long.png)
}

.acgn-model .pic-wave .info {
    position: relative;
    padding-top: 10px
}

.acgn-model .pic-wave .star {
    position: absolute;
    right: 0;
    top: 12px;
    display: block;
    height: 32px;
    width: 32px;
    padding-left: 2px;
    font-size: 12px;
    color: #ffffff;
    line-height: 32px;
    text-align: center;
    background: url(//resource.mhxk.com/kanman_pc/static/images/book/icon-colorful-star.png) no-repeat 50%;
    -moz-background-size: 32px 32px;
    background-size: 32px 32px
}

.acgn-model .pic-wave .num {
    position: absolute;
    right: 0;
    top: 10px;
    display: inline-block;
    height: 24px;
    width: auto;
    padding-right: 3px;
    font-size: 12px;
    color: #fc6976;
    line-height: 24px;
    text-align: right;
    vertical-align: baseline
}

.acgn-model .pic-wave .num .num-strong {
    font-size: 18px
}

.acgn-model .pic-wave .name {
    display: block;
    height: 24px;
    padding-right: 30px;
    font-size: 14px;
    color: #333333;
    font-weight: 400;
    line-height: 24px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer
}

.acgn-model .pic-wave .name:hover {
    color: #fc6976
}

.acgn-model .pic-wave .desc {
    display: block;
    height: 20px;
    padding-right: 30px;
    font-size: 12px;
    color: #999999;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model .rank-list {
    padding-right: 48px
}

.acgn-model .rank-list .rank-row {
    display: block
}

.acgn-model .rank-list .rank-row .row-text {
    position: relative;
    display: block;
    height: 47px;
    border-bottom: 1px dashed #dcdcdc;
    margin-left: 26px
}

.acgn-model .rank-list .rank-row .row-text .mask {
    position: absolute;
    left: -26px;
    top: 50%;
    height: 18px;
    width: 18px;
    margin-top: -9px;
    text-align: center
}

.acgn-model .rank-list .rank-row .row-text .mask.mask-1 {
    color: transparent;
    background: url(//resource.mhxk.com/kanman_pc/static/images/comm/rank-top-1.png) no-repeat 50%;
    -moz-background-size: 18px auto;
    background-size: 18px auto
}

.acgn-model .rank-list .rank-row .row-text .mask.mask-2 {
    color: transparent;
    background: url(//resource.mhxk.com/kanman_pc/static/images/comm/rank-top-2.png) no-repeat 50%;
    -moz-background-size: 18px auto;
    background-size: 18px auto
}

.acgn-model .rank-list .rank-row .row-text .mask.mask-3 {
    color: transparent;
    background: url(//resource.mhxk.com/kanman_pc/static/images/comm/rank-top-3.png) no-repeat 50%;
    -moz-background-size: 18px auto;
    background-size: 18px auto
}

.acgn-model .rank-list .rank-row .row-text .mask.mask-other {
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    color: #ffffff;
    text-shadow: 1px 1px 1px #dcdcdc;
    background-color: #dcdcdc
}

.acgn-model .rank-list .rank-row .row-text .name {
    height: 46px;
    padding: 11px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #333333;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model .rank-list .rank-row .row-text .hot {
    position: absolute;
    right: 0;
    top: 50%;
    display: inline-block;
    height: 20px;
    width: auto;
    padding-left: 14px;
    margin-top: -10px;
    font-size: 12px;
    line-height: 20px;
    color: #999999
}

.acgn-model .rank-list .rank-row .row-text .hot i {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 20px;
    width: 14px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #999999
}

.acgn-model .rank-list .rank-row .row-view {
    position: relative;
    display: none
}

.acgn-model .rank-list .rank-row .row-view .row-view-left {
    position: relative;
    height: auto;
    width: 50%;
    padding-right: 6px;
    overflow: hidden
}

.acgn-model .rank-list .rank-row .row-view .row-view-right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    padding-left: 6px;
    overflow: hidden
}

.acgn-model .rank-list .rank-row .row-view .order {
    position: absolute;
    left: -145px;
    top: -145px;
    display: block;
    height: 192px;
    width: 192px;
    padding: 145px 25px 23px 145px;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #dcdcdc
}

.acgn-model .rank-list .rank-row .row-view .order.order-1 {
    background-color: #fc6976
}

.acgn-model .rank-list .rank-row .row-view .order.order-2 {
    background-color: #ff7647
}

.acgn-model .rank-list .rank-row .row-view .order.order-3 {
    background-color: #FFFF00
}

.acgn-model .rank-list .rank-row .row-view .title {
    height: 36px;
    padding-top: 16px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #333333;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model .rank-list .rank-row .row-view .desc {
    height: auto;
    max-height: 32px;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #999999;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model .rank-list .rank-row .row-view .tags {
    min-height: 20px;
    max-height: 40px;
    font-size: 0;
    line-height: 20px;
    overflow: hidden
}

.acgn-model .rank-list .rank-row .row-view .tags .tag {
    display: inline-block;
    height: 18px;
    width: auto;
    min-width: 32px;
    padding: 1px 6px;
    border: 1px solid #999999;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    margin: 0 4px;
    font-size: 12px;
    color: #999999;
    line-height: 14px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer
}

.acgn-model .rank-list .rank-row .row-view .tags .tag a {
    color: #999999
}

.acgn-model .rank-list .rank-row .row-view .tags .tag:hover {
    color: #fc6976;
    border-color: #fc6976
}

.acgn-model .rank-list .rank-row .row-view .tags .tag:hover a {
    color: #fc6976
}

.acgn-model .rank-list .rank-row .info {
    position: absolute;
    left: 6px;
    right: 0;
    bottom: 0;
    height: auto;
    font-size: 12px;
    line-height: 20px;
    color: #999999
}

.acgn-model .rank-list .rank-row .info .hot {
    position: relative;
    display: block;
    height: 20px;
    padding-left: 14px;
    margin-bottom: 6px
}

.acgn-model .rank-list .rank-row .info .hot i {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 20px;
    width: 14px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #999999
}

.acgn-model .rank-list .rank-row .info .now {
    display: block;
    height: 20px;
    margin-bottom: 6px
}

.acgn-model .rank-list .rank-row .info .now .imp {
    color: #666666
}

.acgn-model .rank-list .rank-row.hover .row-text {
    display: none
}

.acgn-model .rank-list .rank-row.hover .row-view {
    display: block
}

.acgn-model .star-row {
    position: relative;
    display: block;
    height: 20px;
    width: 165px;
    padding-right: 40px;
    font-size: 0;
    line-height: 20px;
    cursor: pointer
}

.acgn-model .star-row .star {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 6px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50%;
    -moz-background-size: 17px auto;
    background-size: 17px auto;
    background-image: url(//resource.mhxk.com/kanman_pc/static/images/round-star-hollow.png)
}

.acgn-model .star-row .star.solid {
    background-image: url(//resource.mhxk.com/kanman_pc/static/images/round-star-solid.png)
}

.acgn-model .star-row .star.half {
    background-image: url(//resource.mhxk.com/kanman_pc/static/images/round-star-half.png)
}

.acgn-model .star-row .score {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 24px;
    width: 40px;
    font-size: 12px;
    line-height: 24px
}

.acgn-model .swiper-area {
    position: relative;
    display: none;
    height: 100%
}

.acgn-model .swiper-area .swiper-container {
    height: 100%
}

.acgn-model .swiper-area .swiper-slide {
    position: relative
}

.acgn-model .swiper-area.swiper-area-auto {
    display: block;
    height: auto
}

.acgn-model .swiper-area.swiper-area-auto .swiper-container {
    height: auto
}

.acgn-model .swiper-area.swiper-area-auto .swiper-slide {
    width: 100%;
    overflow: hidden
}

.acgn-model .swiper-area .swiper-bars {
    position: absolute;
    z-index: 3;
    left: 5px;
    right: 5px;
    bottom: 4px;
    height: 20px;
    font-size: 0;
    line-height: 20px
}

.acgn-model .swiper-area .swiper-bars .swiper-bars-aloof {
    bottom: 20px
}

.acgn-model .swiper-area .swiper-bars.swiper-bars-left {
    text-align: left
}

.acgn-model .swiper-area .swiper-bars.swiper-bars-center {
    text-align: center
}

.acgn-model .swiper-area .swiper-bars,
.acgn-model .swiper-area .swiper-bars.swiper-bars-right {
    text-align: right
}

.acgn-model .swiper-area .swiper-bars .swiper-bar {
    display: inline-block;
    height: 8px;
    width: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 8px;
    vertical-align: middle;
    background-color: hsla(0, 0%, 100%, .7);
    cursor: pointer;
    -webkit-transition: width .25s ease-out;
    -o-transition: width .25s ease-out;
    -moz-transition: width .25s ease-out;
    transition: width .25s ease-out
}

.acgn-model .swiper-area .swiper-bars .swiper-bar:hover {
    background-color: #ffffff
}

.acgn-model .swiper-area .swiper-bars .swiper-bar.active {
    width: 14px;
    background-color: #ffffff
}

.acgn-model .swiper-area .swiper-bars .swiper-bar-xo {
    height: 12px;
    width: 12px;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
    margin-right: 10px;
    color: #ffffff;
    background-color: transparent;
    font-size: 12px;
    line-height: 12px;
    text-align: center
}

.acgn-model .swiper-area .swiper-bars .swiper-bar-xo .ift-close {
    display: block
}

.acgn-model .swiper-area .swiper-bars .swiper-bar-xo .ift-circle {
    display: none
}

.acgn-model .swiper-area .swiper-bars .swiper-bar-xo:hover {
    background-color: transparent
}

.acgn-model .swiper-area .swiper-bars .swiper-bar-xo.active {
    width: 12px;
    background-color: transparent
}

.acgn-model .swiper-area .swiper-bars .swiper-bar-xo.active .ift-close {
    display: none
}

.acgn-model .swiper-area .swiper-bars .swiper-bar-xo.active .ift-circle {
    display: block
}

.acgn-model .swiper-area .swiper-bars.swiper-bars-gray {
    bottom: 10px
}

.acgn-model .swiper-area .swiper-bars.swiper-bars-gray .swiper-bar {
    height: 10px;
    width: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 16px;
    background-color: #dcdcdc
}

.acgn-model .swiper-area .swiper-bars.swiper-bars-gray .swiper-bar.active {
    width: 16px;
    background-color: #fc6976
}

.acgn-model .swiper-area .swiper-btns {
    z-index: 4;
    left: 0;
    top: 50%;
    height: 0;
    width: 100%;
    filter: alpha(opacity=0);
    opacity: 0
}

.acgn-model .swiper-area .swiper-btns,
.acgn-model .swiper-area .swiper-btns .swiper-btn {
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)"
}

.acgn-model .swiper-area .swiper-btns .swiper-btn {
    cursor: pointer;
    top: -37px;
    height: 74px;
    width: 32px;
    font-size: 16px;
    text-align: center;
    line-height: 74px;
    background-color: #ffffff;
    color: #dcdcdc;
    filter: alpha(opacity=50);
    opacity: .5
}

.acgn-model .swiper-area .swiper-btns .swiper-btn:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
    filter: alpha(opacity=80);
    opacity: .8
}

.acgn-model .swiper-area .swiper-btns .swiper-btn.swiper-btn-left {
    left: 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.acgn-model .swiper-area .swiper-btns .swiper-btn.swiper-btn-right {
    right: 0;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.acgn-model .swiper-area .swiper-btns .swiper-btn.swiper-btn-round {
    top: -32px;
    height: 60px;
    font-size: 18px;
    line-height: 60px
}

.acgn-model .swiper-area .swiper-btns .swiper-btn.swiper-btn-round.swiper-btn-left {
    padding-right: 10px;
    -webkit-border-radius: 0 32px 32px 0;
    -moz-border-radius: 0 32px 32px 0;
    border-radius: 0 32px 32px 0
}

.acgn-model .swiper-area .swiper-btns .swiper-btn.swiper-btn-round.swiper-btn-right {
    padding-left: 10px;
    -webkit-border-radius: 32px 0 0 32px;
    -moz-border-radius: 32px 0 0 32px;
    border-radius: 32px 0 0 32px
}

.acgn-model .swiper-area .swiper-btns .swiper-btn.swiper-btn-rect {
    width: 48px;
    background-color: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
    filter: alpha(opacity=80);
    opacity: .8
}

.acgn-model .swiper-area .swiper-btns .swiper-btn.swiper-btn-rect.swiper-btn-left {
    background: url(//resource.mhxk.com/kanman_pc/static/images/rect-btn-left.png) no-repeat 50%;
    -moz-background-size: 36px auto;
    background-size: 36px auto
}

.acgn-model .swiper-area .swiper-btns .swiper-btn.swiper-btn-rect.swiper-btn-right {
    background: url(//resource.mhxk.com/kanman_pc/static/images/rect-btn-right.png) no-repeat 50%;
    -moz-background-size: 36px auto;
    background-size: 36px auto
}

.acgn-model .swiper-area .swiper-btns.swiper-btns-exist {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
    filter: alpha(opacity=50);
    opacity: .5
}

.acgn-model .swiper-area:hover .swiper-btns {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
    filter: alpha(opacity=100);
    opacity: 1
}

.acgn-model .swiper-area .swiper-shadow-btn {
    position: absolute;
    z-index: 4;
    top: 0;
    display: none;
    width: 48px;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
    filter: alpha(opacity=80);
    opacity: .8;
    cursor: pointer
}

.acgn-model .swiper-area .swiper-shadow-btn i {
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    height: 32px;
    width: 48px;
    margin-top: -16px;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: hsla(0, 0%, 100%, .8)
}

.acgn-model .swiper-area .swiper-shadow-btn.swiper-shadow-btn-left {
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .3)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .3), transparent);
    background-image: -moz- oldlinear-gradient(left, rgba(0, 0, 0, .3) 0, transparent 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .3) 0, transparent 100%);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .3), transparent)
}

.acgn-model .swiper-area .swiper-shadow-btn.swiper-shadow-btn-right {
    right: 0;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(0, 0, 0, .3)));
    background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, .3));
    background-image: -moz- oldlinear-gradient(left, transparent 0, rgba(0, 0, 0, .3) 100%);
    background-image: -o-linear-gradient(left, transparent 0, rgba(0, 0, 0, .3) 100%);
    background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, .3))
}

.acgn-model .swiper-area .swiper-shadow-btn:active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
    filter: alpha(opacity=100);
    opacity: 1
}

.acgn-model .swiper-area:hover .swiper-shadow-btn {
    display: block
}

.acgn-model .swiper-area .swiper-custom {
    position: absolute;
    z-index: 2
}

.adapt-width {
    display: block
}

.adapt-width .adapt-box {
    display: block;
    position: relative
}

.adapt-width .adapt-box .adapt-bg {
    position: relative;
    display: block;
    height: auto;
    width: 100%
}

.adapt-width .adapt-box .adapt-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.adapt-box,
.adapt-box .adapt-bg {
    display: block;
    position: relative
}

.adapt-box .adapt-bg {
    height: auto;
    width: 100%
}

.adapt-box .adapt-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.adapt-height {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    font-size: 0
}

.adapt-height .adapt-inline {
    display: inline-block;
    height: 100%;
    width: auto;
    min-width: 0
}

.adapt-height .adapt-inline .adapt-bg {
    position: relative;
    display: block;
    height: 100%;
    width: auto
}

.adapt-height .adapt-inline .adapt-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.adapt-ratio-custom {
    position: relative;
    display: block
}

.adapt-ratio-custom .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-1x1 {
    position: relative;
    display: block;
    padding-bottom: 100%
}

.adapt-ratio-1x1 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-1x2 {
    position: relative;
    display: block;
    padding-bottom: 200%
}

.adapt-ratio-1x2 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-2x1 {
    position: relative;
    display: block;
    padding-bottom: 50%
}

.adapt-ratio-2x1 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-1x3 {
    position: relative;
    display: block;
    padding-bottom: 300%
}

.adapt-ratio-1x3 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-2x3 {
    position: relative;
    display: block;
    padding-bottom: 150%
}

.adapt-ratio-2x3 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-3x1 {
    position: relative;
    display: block;
    padding-bottom: 33.33333334%
}

.adapt-ratio-3x1 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-3x2 {
    position: relative;
    display: block;
    padding-bottom: 66.66666666%
}

.adapt-ratio-3x2 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-4x1 {
    position: relative;
    display: block;
    padding-bottom: 25%
}

.adapt-ratio-4x1 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-4x3 {
    position: relative;
    display: block;
    padding-bottom: 75%
}

.adapt-ratio-4x3 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-1x4 {
    position: relative;
    display: block;
    padding-bottom: 400%
}

.adapt-ratio-1x4 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-3x4 {
    position: relative;
    display: block;
    padding-bottom: 133.33333333%
}

.adapt-ratio-3x4 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-5x3 {
    position: relative;
    display: block;
    padding-bottom: 60%
}

.adapt-ratio-5x3 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-6x1 {
    position: relative;
    display: block;
    padding-bottom: 16.66666666%
}

.adapt-ratio-6x1 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-3x8 {
    position: relative;
    display: block;
    padding-bottom: 266.66666666%
}

.adapt-ratio-3x8 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-8x1 {
    position: relative;
    display: block;
    padding-bottom: 12.5%
}

.adapt-ratio-8x1 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-9x2 {
    position: relative;
    display: block;
    padding-bottom: 22.22222222%
}

.adapt-ratio-9x2 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-9x4 {
    position: relative;
    display: block;
    padding-bottom: 44.44444444%
}

.adapt-ratio-9x4 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-9x8 {
    position: relative;
    display: block;
    padding-bottom: 88.88888888%
}

.adapt-ratio-9x8 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-10x3 {
    position: relative;
    display: block;
    padding-bottom: 30%
}

.adapt-ratio-10x3 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-10x7 {
    position: relative;
    display: block;
    padding-bottom: 70%
}

.adapt-ratio-10x7 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-10x9 {
    position: relative;
    display: block;
    padding-bottom: 90%
}

.adapt-ratio-10x9 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-16x3 {
    position: relative;
    display: block;
    padding-bottom: 18.75%
}

.adapt-ratio-16x3 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-21x5 {
    position: relative;
    display: block;
    padding-bottom: 23.80952381%
}

.adapt-ratio-21x5 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-45x11 {
    position: relative;
    display: block;
    padding-bottom: 24.44444444%
}

.adapt-ratio-45x11 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.adapt-ratio-45x22 {
    position: relative;
    display: block;
    padding-bottom: 48.88888888%
}

.adapt-ratio-45x22 .adapt-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%
}

.acgn-hide {
    display: none !important
}

.layer-custom-msg {
    min-width: auto;
    max-width: 260px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    background-color: #fc6976;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.layer-custom-msg .layui-layer-content {
    padding: 0;
    font-size: 14px;
    color: #ffffff
}

.layer-custom-msg .layer-custom-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -36px
}

.layer-custom-msg .layer-custom-icon [class*=ift-] {
    font-size: 40px;
    color: #FC4F71
}

.layer-custom-msg .layer-custom-text {
    text-align: center;
    padding: 8px 26px;
    background-color: #fc6976;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    position: relative;
    z-index: 2;
    min-height: 40px;
    min-width: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.layer-custom-msg .layer-line {
    display: inline-block;
    white-space: nowrap
}

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative
}

.scroll-wrapper>.scroll-content {
    border: none !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scroll-wrapper.scroll--rtl {
    direction: rtl
}

.scroll-element {
    display: none
}

.scroll-element,
.scroll-element div {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.scroll-element .scroll-arrow,
.scroll-element .scroll-bar {
    cursor: pointer
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block
}

.scroll-textarea {
    border: 1px solid #dcdcdc;
    border-top-color: #999999
}

.scroll-textarea>.scroll-content {
    overflow: hidden !important
}

.scroll-textarea>.scroll-content>textarea {
    border: none !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scroll-element,
.scroll-element div {
    position: absolute;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    z-index: 10
}

.scroll-element.scroll-x {
    width: 100%;
    height: 8px;
    bottom: 2px;
    left: 0
}

.scroll-element.scroll-y {
    width: 8px;
    height: 100%;
    right: 3px;
    top: 0
}

.scroll-element .scroll-bar,
.scroll-element .scroll-element_outer,
.scroll-element .scroll-element_track {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.scroll-element .scroll-element_outer {
    overflow: hidden
}

.scroll-element .scroll-bar,
.scroll-element .scroll-element_track {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
    filter: alpha(opacity=40);
    opacity: .4
}

.scroll-element .scroll-element_track {
    background-color: #f5f5f5
}

.scroll-element .scroll-bar {
    background-color: #dcdcdc
}

.scroll-element.scroll-draggable .scroll-bar,
.scroll-element:hover .scroll-bar {
    background-color: #999999
}

.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,
.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px
}

.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,
.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px
}

.icon-comm-black-tiny,
.icon-comm-close,
.icon-comm-close-thin,
.icon-comm-flower2,
.icon-comm-gold-tiny,
.icon-comm-new_reward,
.icon-comm-platinum-tiny,
.icon-comm-play-movie,
.icon-comm-title-peoples,
.icon-comm-triangle-left,
.icon-comm-triangle-right {
    display: inline-block;
    background-image: url(//resource.mhxk.com/kanman_pc/static/images/sprites/comm.e2dfa.png);
    background-repeat: no-repeat;
    -ms-behavior: url(https://static.321mh.com/js/background-size/backgroundsize.min.htc)
}

.icon-comm-black-tiny {
    width: 32px;
    height: 32px;
    background-position: -200px -84px
}

.icon-comm-close-thin {
    width: 24px;
    height: 24px;
    background-position: -236px -84px
}

.icon-comm-close {
    width: 24px;
    height: 24px;
    background-position: -72px -137px
}

.icon-comm-flower2 {
    width: 264px;
    height: 80px;
    background-position: 0 0
}

.icon-comm-gold-tiny {
    width: 32px;
    height: 32px;
    background-position: 0 -137px
}

.icon-comm-new_reward {
    width: 112px;
    height: 49px;
    background-position: 0 -84px
}

.icon-comm-platinum-tiny {
    width: 32px;
    height: 32px;
    background-position: -36px -137px
}

.icon-comm-play-movie {
    width: 36px;
    height: 36px;
    background-position: -160px -84px
}

.icon-comm-title-peoples {
    width: 40px;
    height: 40px;
    background-position: -116px -84px
}

.icon-comm-triangle-left {
    width: 24px;
    height: 40px;
    background-position: 0 -173px
}

.icon-comm-triangle-right {
    width: 24px;
    height: 40px;
    background-position: -28px -173px
}

@media(-o-min-device-pixel-ratio:2/1),
(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {

    .icon-comm-black-tiny,
    .icon-comm-close,
    .icon-comm-close-thin,
    .icon-comm-flower2,
    .icon-comm-gold-tiny,
    .icon-comm-new_reward,
    .icon-comm-platinum-tiny,
    .icon-comm-play-movie,
    .icon-comm-title-peoples,
    .icon-comm-triangle-left,
    .icon-comm-triangle-right {
        display: inline-block;
        background-repeat: no-repeat;
        background-image: url(//resource.mhxk.com/kanman_pc/static/images/sprites/comm.48bab@2x.png);
        -moz-background-size: 264px 213px;
        background-size: 264px 213px
    }
}

.icon-home-bell,
.icon-home-paw,
.icon-home-title-bell,
.icon-home-title-cat1,
.icon-home-title-cat2,
.icon-home-title-cat3,
.icon-home-title-cat4,
.icon-home-title-cat-food,
.icon-home-title-links,
.icon-home-title-play,
.icon-home-title-prize {
    display: inline-block;
    background-image: url(//resource.mhxk.com/kanman_pc/static/images/sprites/home.19eaf.png);
    background-repeat: no-repeat;
    -ms-behavior: url(https://static.321mh.com/js/background-size/backgroundsize.min.htc)
}

.icon-home-bell {
    width: 32px;
    height: 32px;
    background-position: -132px 0
}

.icon-home-paw {
    width: 32px;
    height: 32px;
    background-position: -132px -36px
}

.icon-home-title-bell {
    width: 40px;
    height: 40px;
    background-position: 0 0
}

.icon-home-title-cat-food {
    width: 40px;
    height: 40px;
    background-position: -44px 0
}

.icon-home-title-cat1 {
    width: 40px;
    height: 40px;
    background-position: 0 -44px
}

.icon-home-title-cat2 {
    width: 40px;
    height: 40px;
    background-position: -44px -44px
}

.icon-home-title-cat3 {
    width: 40px;
    height: 40px;
    background-position: -88px 0
}

.icon-home-title-cat4 {
    width: 40px;
    height: 40px;
    background-position: -88px -44px
}

.icon-home-title-links {
    width: 40px;
    height: 40px;
    background-position: 0 -88px
}

.icon-home-title-play {
    width: 40px;
    height: 40px;
    background-position: -44px -88px
}

.icon-home-title-prize {
    width: 40px;
    height: 40px;
    background-position: -88px -88px
}

@media(-o-min-device-pixel-ratio:2/1),
(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {

    .icon-home-bell,
    .icon-home-paw,
    .icon-home-title-bell,
    .icon-home-title-cat1,
    .icon-home-title-cat2,
    .icon-home-title-cat3,
    .icon-home-title-cat4,
    .icon-home-title-cat-food,
    .icon-home-title-links,
    .icon-home-title-play,
    .icon-home-title-prize {
        display: inline-block;
        background-repeat: no-repeat;
        background-image: url(//resource.mhxk.com/kanman_pc/static/images/sprites/home.8b6d8@2x.png);
        -moz-background-size: 164px 128px;
        background-size: 164px 128px
    }
}

.icon-detail-appreciate,
.icon-detail-coin,
.icon-detail-collect,
.icon-detail-cup-no1,
.icon-detail-cup-no2,
.icon-detail-cup-no3,
.icon-detail-dayactive,
.icon-detail-dbg-1,
.icon-detail-dbg-2,
.icon-detail-dbg-3,
.icon-detail-dbg-4,
.icon-detail-fire,
.icon-detail-gift,
.icon-detail-left-fish,
.icon-detail-leg,
.icon-detail-mark,
.icon-detail-message,
.icon-detail-monthticket,
.icon-detail-monthticket-dialog,
.icon-detail-rank-1,
.icon-detail-rank-2,
.icon-detail-rank-3,
.icon-detail-rank-4,
.icon-detail-rank-num-1,
.icon-detail-rank-num-2,
.icon-detail-rank-num-3,
.icon-detail-read,
.icon-detail-recommend,
.icon-detail-recommend-dialog,
.icon-detail-share,
.icon-detail-single,
.icon-detail-stone-dialog,
.icon-detail-stone-message,
.icon-detail-tick,
.icon-detail-triangle-down,
.icon-detail-triangle-up {
    display: inline-block;
    background-image: url(//resource.mhxk.com/kanman_pc/static/images/sprites/detail.faa42.png);
    background-repeat: no-repeat;
    -ms-behavior: url(https://static.321mh.com/js/background-size/backgroundsize.min.htc)
}

.icon-detail-appreciate {
    width: 32px;
    height: 32px;
    background-position: -188px 0
}

.icon-detail-coin {
    width: 16px;
    height: 16px;
    background-position: -224px -204px
}

.icon-detail-collect {
    width: 32px;
    height: 32px;
    background-position: -188px -36px
}

.icon-detail-cup-no1 {
    width: 24px;
    height: 24px;
    background-position: -224px -176px
}

.icon-detail-cup-no2 {
    width: 24px;
    height: 24px;
    background-position: -156px -136px
}

.icon-detail-cup-no3 {
    width: 24px;
    height: 24px;
    background-position: 0 -224px
}

.icon-detail-dayactive {
    width: 32px;
    height: 32px;
    background-position: -188px -72px
}

.icon-detail-dbg-1 {
    width: 48px;
    height: 48px;
    background-position: -136px 0
}

.icon-detail-dbg-2 {
    width: 48px;
    height: 48px;
    background-position: -136px -52px
}

.icon-detail-dbg-3 {
    width: 48px;
    height: 48px;
    background-position: 0 -136px
}

.icon-detail-dbg-4 {
    width: 48px;
    height: 48px;
    background-position: -52px -136px
}

.icon-detail-fire {
    width: 16px;
    height: 16px;
    background-position: -168px -224px
}

.icon-detail-gift {
    width: 32px;
    height: 32px;
    background-position: -188px -108px
}

.icon-detail-left-fish {
    width: 64px;
    height: 64px;
    background-position: 0 0
}

.icon-detail-leg {
    width: 24px;
    height: 24px;
    background-position: -28px -224px
}

.icon-detail-mark {
    width: 32px;
    height: 32px;
    background-position: -188px -144px
}

.icon-detail-message {
    width: 32px;
    height: 32px;
    background-position: 0 -188px
}

.icon-detail-monthticket-dialog {
    width: 64px;
    height: 64px;
    background-position: -68px 0
}

.icon-detail-monthticket {
    width: 32px;
    height: 32px;
    background-position: -36px -188px
}

.icon-detail-rank-1 {
    width: 24px;
    height: 40px;
    background-position: -224px 0
}

.icon-detail-rank-2 {
    width: 24px;
    height: 40px;
    background-position: -224px -44px
}

.icon-detail-rank-3 {
    width: 24px;
    height: 40px;
    background-position: -224px -88px
}

.icon-detail-rank-4 {
    width: 24px;
    height: 40px;
    background-position: -224px -132px
}

.icon-detail-rank-num-1 {
    width: 24px;
    height: 24px;
    background-position: -56px -224px
}

.icon-detail-rank-num-2 {
    width: 24px;
    height: 24px;
    background-position: -84px -224px
}

.icon-detail-rank-num-3 {
    width: 24px;
    height: 24px;
    background-position: -112px -224px
}

.icon-detail-read {
    width: 32px;
    height: 32px;
    background-position: -72px -188px
}

.icon-detail-recommend-dialog {
    width: 64px;
    height: 64px;
    background-position: 0 -68px
}

.icon-detail-recommend {
    width: 32px;
    height: 32px;
    background-position: -108px -188px
}

.icon-detail-share {
    width: 32px;
    height: 32px;
    background-position: -144px -188px
}

.icon-detail-single {
    width: 48px;
    height: 32px;
    background-position: -104px -136px
}

.icon-detail-stone-dialog {
    width: 64px;
    height: 64px;
    background-position: -68px -68px
}

.icon-detail-stone-message {
    width: 24px;
    height: 24px;
    background-position: -140px -224px
}

.icon-detail-tick {
    width: 8px;
    height: 16px;
    background-position: -188px -224px
}

.icon-detail-triangle-down {
    width: 40px;
    height: 24px;
    background-position: -136px -104px
}

.icon-detail-triangle-up {
    width: 40px;
    height: 24px;
    background-position: -180px -188px
}

@media(-o-min-device-pixel-ratio:2/1),
(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {

    .icon-detail-appreciate,
    .icon-detail-coin,
    .icon-detail-collect,
    .icon-detail-cup-no1,
    .icon-detail-cup-no2,
    .icon-detail-cup-no3,
    .icon-detail-dayactive,
    .icon-detail-dbg-1,
    .icon-detail-dbg-2,
    .icon-detail-dbg-3,
    .icon-detail-dbg-4,
    .icon-detail-fire,
    .icon-detail-gift,
    .icon-detail-left-fish,
    .icon-detail-leg,
    .icon-detail-mark,
    .icon-detail-message,
    .icon-detail-monthticket,
    .icon-detail-monthticket-dialog,
    .icon-detail-rank-1,
    .icon-detail-rank-2,
    .icon-detail-rank-3,
    .icon-detail-rank-4,
    .icon-detail-rank-num-1,
    .icon-detail-rank-num-2,
    .icon-detail-rank-num-3,
    .icon-detail-read,
    .icon-detail-recommend,
    .icon-detail-recommend-dialog,
    .icon-detail-share,
    .icon-detail-single,
    .icon-detail-stone-dialog,
    .icon-detail-stone-message,
    .icon-detail-tick,
    .icon-detail-triangle-down,
    .icon-detail-triangle-up {
        display: inline-block;
        background-repeat: no-repeat;
        background-image: url(//resource.mhxk.com/kanman_pc/static/images/sprites/detail.fbfc0@2x.png);
        -moz-background-size: 248px 248px;
        background-size: 248px 248px
    }
}

.acgn-model * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.common-box-shadow {
    -webkit-box-shadow: 0 0 6px 0 #FFD1D8;
    -moz-box-shadow: 0 0 6px 0 #FFD1D8;
    box-shadow: 0 0 6px 0 #FFD1D8
}

.header-common-line img {
    width: 100%
}

.common-null-box {
    text-align: center;
    padding-top: 32px;
    font-size: 14px;
    color: #666666
}

.common-null-box .null-img {
    width: 100px;
    margin-bottom: 25px
}

.common-cat {
    background: url(//resource.mhxk.com/kanman_pc/static/images/comm/cat-header-bg.png) no-repeat;
    -moz-background-size: 264px 80px;
    background-size: 264px 80px;
    width: 264px;
    height: 80px;
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -132px
}

.common-login-header {
    width: 100%;
    position: relative;
    background-color: #ffffff;
    -webkit-border-top-right-radius: 12px;
    -moz-border-radius-topright: 12px;
    border-top-right-radius: 12px;
    -webkit-border-top-left-radius: 12px;
    -moz-border-radius-topleft: 12px;
    border-top-left-radius: 12px
}

.common-login-header .close {
    position: absolute;
    right: 13px;
    top: 10px
}

.common-login-header .close:hover {
    cursor: pointer
}

.common-login-title {
    background: url(//resource.mhxk.com/kanman_pc/static/images/login/login-header.png) no-repeat;
    -moz-background-size: 176px 48px;
    background-size: 176px 48px;
    width: 176px;
    height: 48px;
    margin: 0 auto;
    text-align: center
}

.common-login-title .title {
    color: #fd5158;
    position: relative;
    top: 15px
}

.login-container {
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.login-container .login-title {
    font-size: 32px;
    height: 42px;
    line-height: 42px;
    padding-top: 24px;
    text-align: center;
    color: #333
}

.login-container .icon-comm-close-thin {
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 16px
}

.activity-advertise {
    position: relative;
    z-index: 999
}

.activity-advertise.ad-type-15 {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(36, 36, 36, .7);
    overflow-y: auto
}

.activity-advertise.ad-type-7 {
    background-color: transparent
}

.activity-advertise.ad-type-7 .activity-advertise__close {
    width: 32px;
    height: 32px;
    right: 0;
    top: 0
}

.activity-advertise.ad-type-7 .activity-advertise__inner {
    position: fixed;
    right: 7.5%;
    bottom: 0;
    top: auto
}

.activity-advertise__inner {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    top: 50%
}

.activity-advertise__close {
    background-image: url("");
    -moz-background-size: contain;
    background-size: contain;
    position: absolute;
    right: 28px;
    top: 10px;
    width: 39px;
    height: 39px
}

.acgn-model-header .triangle:after,
.acgn-model-header .triangle:before {
    content: "";
    height: 0;
    width: 0;
    overflow: hidden
}

.acgn-model-header {
    height: 64px
}

.acgn-model-header .book .book-main .book-list .book-info .img img,
.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-info .img img {
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transition: -webkit-transform .2s linear;
    -o-transition: -o-transform .2s linear;
    -moz-transition: transform .2s linear, -moz-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear, -moz-transform .2s linear, -o-transform .2s linear;
    -webkit-transition: -webkit-transform .2s linear
}

.acgn-model-header .book .book-main .book-list .book-info .img img:hover,
.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-info .img img:hover {
    -moz-transform: scale(1.05) translateY(-2%);
    -ms-transform: scale(1.05) translateY(-2%);
    -o-transform: scale(1.05) translateY(-2%);
    transform: scale(1.05) translateY(-2%);
    -webkit-transform: scale(1.05) translateY(-2%)
}

.acgn-model-header .block-wrap {
    position: relative;
    height: 64px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 4px 0 #FFD1D8;
    -moz-box-shadow: 0 0 4px 0 #FFD1D8;
    box-shadow: 0 0 4px 0 #FFD1D8
}

.acgn-model-header .block-wrap.block-wrap-fixed {
    position: fixed;
    z-index: 101;
    left: 0;
    top: 0;
    width: 100%;
    height: 64px
}

.acgn-model-header .block-float {
    height: 64px;
    width: auto
}

.acgn-model-header .block-float.block-float-left {
    float: left;
    text-align: left
}

.acgn-model-header .block-float.block-float-right {
    float: right;
    text-align: right
}

.acgn-model-header .logo {
    float: left;
    height: 48px;
    margin: 8px 0
}

.acgn-model-header .figure {
    height: 48px;
    width: auto
}

.acgn-model-header .func-menu {
    position: relative;
    display: block;
    height: 64px;
    font-size: 0;
    line-height: 40px
}

.acgn-model-header .download {
    position: relative;
    display: inline-block;
    height: 64px;
    width: 90px;
    font-size: 14px;
    line-height: 64px;
    text-align: right;
    color: #333333;
    vertical-align: middle;
    cursor: pointer
}

.acgn-model-header .download .phone {
    font-size: 18px;
    vertical-align: middle
}

.acgn-model-header .download .download-inner {
    display: none;
    position: absolute;
    z-index: 105;
    right: 0;
    top: 49px;
    height: 150px;
    width: 120px;
    padding: 25px 12px 0;
    background: url(//resource.mhxk.com/kanman_pc/static/images/comm/bg-cat-main-hollow.png) no-repeat 50%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%
}

.acgn-model-header .download .download-inner .text {
    font-size: 12px;
    color: #999999;
    line-height: 18px;
    text-align: center;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model-header .download .download-inner .qr-code {
    display: block;
    height: 96px;
    width: 96px
}

.acgn-model-header .book {
    position: relative;
    display: inline-block;
    height: 64px;
    width: 100px;
    line-height: 64px;
    text-align: center;
    color: #333333;
    font-size: 0;
    vertical-align: middle
}

.acgn-model-header .book .book-none {
    display: none;
    padding: 12px;
    border: 1px solid #FFD1D8;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 4px 0 #fc6976 inset;
    -moz-box-shadow: 0 1px 4px 0 #fc6976 inset;
    box-shadow: inset 0 1px 4px 0 #fc6976
}

.acgn-model-header .book .book-none .mascot {
    display: block;
    height: auto;
    width: 80px;
    margin: 0 auto 20px
}

.acgn-model-header .book .book-none .explain {
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #999999
}

.acgn-model-header .book .book-none .explain,
.acgn-model-header .book .book-none .link {
    display: block;
    text-align: center;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model-header .book .book-none .link {
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    color: #fc6976;
    cursor: pointer
}

.acgn-model-header .book .book-main {
    display: none;
    padding: 12px 4px 4px;
    border: 1px solid #FFB5C3;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 4px 0 #FFD1D8 inset;
    -moz-box-shadow: 0 1px 4px 0 #FFD1D8 inset;
    box-shadow: inset 0 1px 4px 0 #FFD1D8
}

.acgn-model-header .book .book-main .book-list {
    padding: 0 8px
}

.acgn-model-header .book .book-main .book-list .book-item {
    position: relative;
    border: 1px solid #FFD1D8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 16px;
    -webkit-box-shadow: 1px 0 3px 0 #FFD1D8;
    -moz-box-shadow: 1px 0 3px 0 #FFD1D8;
    box-shadow: 1px 0 3px 0 #FFD1D8
}

.acgn-model-header .book .book-main .book-list .book-item.collect-item .book-info {
    padding: 8px 0 8px 68px
}

.acgn-model-header .book .book-main .book-list .book-info {
    position: relative;
    z-index: 102;
    display: block;
    height: 80px;
    padding: 0 0 0 68px;
    text-align: left
}

.acgn-model-header .book .book-main .book-list .book-info .img {
    position: absolute;
    z-index: 103;
    left: 0;
    top: 0;
    display: block;
    height: 80px;
    width: 60px;
    background-position: 50%;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden
}

.acgn-model-header .book .book-main .book-list .book-info .img img {
    display: block;
    height: 100%;
    width: 100%
}

.acgn-model-header .book .book-main .book-list .book-info .img:hover {
    border: 1px solid #fc6976
}

.acgn-model-header .book .book-main .book-list .book-info .title {
    height: 30px;
    color: #333333;
    font-weight: 400;
    line-height: 30px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model-header .book .book-main .book-list .book-info .title:hover {
    color: #fc6976
}

.acgn-model-header .book .book-main .book-list .book-info .collect-desc,
.acgn-model-header .book .book-main .book-list .book-info .desc {
    position: relative;
    height: 18px;
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    line-height: 18px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model-header .book .book-main .book-list .book-info .collect-desc.isnew,
.acgn-model-header .book .book-main .book-list .book-info .desc.isnew {
    height: 28px;
    padding: 10px 28px 0 0
}

.acgn-model-header .book .book-main .book-list .book-info .collect-desc .desc-hint,
.acgn-model-header .book .book-main .book-list .book-info .desc .desc-hint {
    position: absolute;
    right: 0;
    bottom: 10px;
    display: block;
    height: 20px;
    width: 20px
}

.acgn-model-header .book .book-main .book-list .book-info .collect-desc .desc-hint i,
.acgn-model-header .book .book-main .book-list .book-info .desc .desc-hint i {
    font-size: 18px;
    text-align: center;
    line-height: 20px;
    color: #fc6976
}

.acgn-model-header .book .book-main .book-list .book-info .collect-desc.isnew {
    height: 60px;
    padding: 40px 28px 0 0
}

.acgn-model-header .book .book-main .book-list .book-read {
    position: absolute;
    right: 2px;
    bottom: 4px;
    display: block;
    height: 18px;
    width: 48px;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    color: #ff7647;
    cursor: pointer
}

.acgn-model-header .book .book-main .book-count {
    height: 32px;
    margin: 0 8px 12px;
    font-size: 0;
    color: #FFB5C3;
    line-height: 32px;
    text-align: center;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    background-color: #FFF4F4
}

.acgn-model-header .book .book-main .book-count .all,
.acgn-model-header .book .book-main .book-count .bar {
    display: inline-block;
    height: 28px;
    width: auto;
    padding: 0 3px;
    color: inherit;
    font-size: 12px;
    line-height: 28px;
    vertical-align: middle;
    cursor: pointer
}

.acgn-model-header .book .book-main .book-count .bar {
    max-width: 35px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model-header .book .book-main .book-count:hover {
    color: #fc6976
}

.acgn-model-header .book .book-nav-split {
    display: inline-block;
    font-size: 14px;
    padding: 0 4px;
    color: #dcdcdc;
    opacity: .5
}

.acgn-model-header .book .book-nav-item {
    display: inline-block;
    font-size: 14px;
    padding: 0 4px;
    color: #333333;
    position: relative;
    cursor: pointer
}

.acgn-model-header .book .book-nav-item:hover {
    color: #fc6976
}

.acgn-model-header .book .book-nav-item:hover .book-nav-item-bd {
    color: #333333;
    display: block
}

.acgn-model-header .book .book-nav-item .book-nav-item-bd {
    display: none;
    position: absolute;
    z-index: 104;
    left: 50%;
    top: 49px;
    width: 264px;
    padding: 36px 8px 0;
    margin-left: -132px;
    background: url(//resource.mhxk.com/kanman_pc/static/images/comm/bg-cat-main.png) no-repeat top;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    cursor: auto
}

.acgn-model-header .book .book-nav-item .book-nav-item-bd .triangle {
    display: none
}

.acgn-model-header .user {
    position: relative;
    display: inline-block;
    height: 64px;
    width: 72px;
    text-align: center;
    vertical-align: middle
}

.acgn-model-header .user .face {
    position: absolute;
    z-index: 104;
    left: 50%;
    top: 12px;
    display: block;
    height: 40px;
    width: 40px;
    margin-left: -20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    background-color: #ffffff
}

.acgn-model-header .user .face img {
    display: block;
    height: 100%;
    width: 100%
}

.acgn-model-header .user .user-inner {
    position: absolute;
    z-index: 103;
    left: 50%;
    top: 52px;
    display: none;
    height: auto;
    width: 264px;
    padding: 36px 8px 0;
    margin-left: -132px;
    padding-top: 38px;
    background: url(//resource.mhxk.com/kanman_pc/static/images/comm/bg-cat-main.png) no-repeat top;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto
}

.acgn-model-header .user .user-inner .user-inner-main {
    padding: 16px 0 0;
    border: 1px solid #FFB5C3;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 4px 0 #FFD1D8 inset;
    -moz-box-shadow: 0 1px 4px 0 #FFD1D8 inset;
    box-shadow: inset 0 1px 4px 0 #FFD1D8
}

.acgn-model-header .user .user-inner .user-inner-main .name {
    height: 36px;
    width: 180px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    font-weight: 400;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model-header .user .user-inner .user-inner-main .name:hover {
    color: #fc6976
}

.acgn-model-header .user .user-inner .user-inner-main .uid {
    height: 28px;
    width: 180px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    font-weight: 400;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model-header .user .user-inner .user-inner-main .vip {
    height: 32px;
    line-height: 32px;
    padding: 0 24px;
    margin: 15px 0
}

.acgn-model-header .user .user-inner .user-inner-main .vip .icon {
    float: left;
    margin-right: 8px
}

.acgn-model-header .user .user-inner .user-inner-main .vip .vip-name {
    float: left;
    font-size: 12px;
    color: #333333
}

.acgn-model-header .user .user-inner .user-inner-main .vip .vip-expire {
    font-size: 10px;
    color: #999999;
    float: right
}

.acgn-model-header .user .user-inner .user-inner-main .assets {
    display: block;
    height: 76px;
    width: 210px;
    padding: 6px 0;
    margin: 0 auto
}

.acgn-model-header .user .user-inner .user-inner-main .assets .asset {
    position: relative;
    float: left;
    height: 32px;
    width: 105px;
    font-size: 0;
    line-height: 32px;
    text-align: left;
    overflow: hidden
}

.acgn-model-header .user .user-inner .user-inner-main .assets .asset .mask {
    display: inline-block;
    height: 24px;
    width: 24px;
    margin-right: 2px;
    vertical-align: middle
}

.acgn-model-header .user .user-inner .user-inner-main .assets .asset .type {
    display: inline-block;
    height: 20px;
    width: 28px;
    margin-right: 2px;
    font-size: 12px;
    line-height: 20px;
    vertical-align: middle
}

.acgn-model-header .user .user-inner .user-inner-main .assets .asset .num {
    display: inline-block;
    height: 20px;
    width: 48px;
    font-size: 12px;
    line-height: 20px;
    color: #999999;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer
}

.acgn-model-header .user .user-inner .user-inner-main .status .status-login {
    height: 81px;
    padding-top: 21px
}

.acgn-model-header .user .user-inner .user-inner-main .status .status-login .login-btn {
    position: relative;
    display: block;
    height: 32px;
    width: 200px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    color: #ffffff;
    background-color: #fc6976;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fc6976), color-stop(42%, #FC4F71), to(#FFB5C3));
    background-image: -webkit-linear-gradient(bottom, #fc6976, #FC4F71 42%, #FFB5C3);
    background-image: -moz- oldlinear-gradient(bottom, #fc6976 0, #FC4F71 42%, #FFB5C3 100%);
    background-image: -o-linear-gradient(bottom, #fc6976 0, #FC4F71 42%, #FFB5C3 100%);
    background-image: linear-gradient(0deg, #fc6976, #FC4F71 42%, #FFB5C3);
    cursor: pointer
}

.acgn-model-header .user .user-inner .user-inner-main .status .status-login .login-btn:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -21px;
    display: block;
    height: 24px;
    width: 24px;
    margin-left: -12px;
    background: url(//resource.mhxk.com/kanman_pc/static/images/comm/cat-stand.png) no-repeat 50%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%
}

.acgn-model-header .user .user-inner .user-inner-main .status .status-login .login-btn:hover {
    -webkit-box-shadow: 0 0 6px 0 #fc6976;
    -moz-box-shadow: 0 0 6px 0 #fc6976;
    box-shadow: 0 0 6px 0 #fc6976
}

.acgn-model-header .user .user-inner .user-inner-main .status .status-login .login-hint {
    display: block;
    height: 24px;
    font-size: 12px;
    color: #999999;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model-header .user .user-inner .user-inner-main .status .status-exit {
    height: 53px;
    padding-top: 21px;
    margin-bottom: 20px
}

.acgn-model-header .user .user-inner .user-inner-main .status .status-exit .exit-btn {
    position: relative;
    display: block;
    height: 32px;
    width: 200px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    color: #FFB5C3;
    background-color: #FFF4F4;
    cursor: pointer
}

.acgn-model-header .user .user-inner .user-inner-main .status .status-exit .exit-btn:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -21px;
    display: block;
    height: 24px;
    width: 24px;
    margin-left: -12px;
    background: url(//resource.mhxk.com/kanman_pc/static/images/comm/cat-stand-gray.png) no-repeat 50%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%
}

.acgn-model-header .user .user-inner .user-inner-main .status .status-exit .exit-btn:hover {
    color: #fc6976
}

.acgn-model-header .user:hover .face {
    top: 0;
    height: 82px;
    width: 82px;
    border: 1px solid #fc6976;
    -webkit-box-shadow: 0 4px 5px 0 #FFD1D8;
    -moz-box-shadow: 0 4px 5px 0 #FFD1D8;
    box-shadow: 0 4px 5px 0 #FFD1D8;
    margin-left: -40px;
    overflow: hidden
}

.acgn-model-header .user:hover .user-inner {
    display: block
}

.acgn-model-header .search {
    position: relative;
    display: inline-block;
    height: 64px;
    padding: 16px 8px 16px 0;
    vertical-align: top;
    text-align: left
}

.acgn-model-header .search .search-wrap {
    position: relative;
    display: block;
    height: 32px;
    width: 308px;
    padding-right: 48px
}

.acgn-model-header .search .search-wrap .search-input {
    display: block;
    height: 32px;
    width: 100%;
    margin: 0;
    padding: 0 10px;
    outline: none;
    font-size: 16px;
    line-height: 32px;
    color: #FFB5C3;
    background-color: #FFF4F4;
    border: 1px solid #FFD1D8;
    border-width: 1px 0 1px 1px;
    -webkit-border-radius: 16px 0 0 16px;
    -moz-border-radius: 16px 0 0 16px;
    border-radius: 16px 0 0 16px
}

.acgn-model-header .search .search-wrap .search-input::-webkit-input-placeholder {
    color: #FFB5C3
}

.acgn-model-header .search .search-wrap .search-input::-moz-input-placeholder {
    color: #FFB5C3
}

.acgn-model-header .search .search-wrap .search-input::-ms-input-placeholder {
    color: #FFB5C3
}

.acgn-model-header .search .search-wrap .search-input::-o-input-placeholder {
    color: #FFB5C3
}

.acgn-model-header .search .search-wrap .ift-search {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 32px;
    width: 48px;
    padding-right: 4px;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #ffffff;
    background-color: #fc6976;
    -webkit-border-radius: 0 16px 16px 0;
    -moz-border-radius: 0 16px 16px 0;
    border-radius: 0 16px 16px 0;
    cursor: pointer
}

.acgn-model-header .search .search-wrap .ift-search:active {
    line-height: 34px;
    background-color: #FC4F71
}

.acgn-model-header .search .search-inner {
    position: absolute;
    z-index: 102;
    left: 0;
    top: 52px;
    display: none;
    height: auto;
    width: 264px;
    padding: 36px 8px 0;
    padding-top: 38px;
    background: url(//resource.mhxk.com/kanman_pc/static/images/comm/bg-cat-main.png) no-repeat top;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto
}

.acgn-model-header .search .search-inner .search-inner-main {
    padding: 8px 0;
    border: 1px solid #FFB5C3;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 4px 0 #FFD1D8 inset;
    -moz-box-shadow: 0 1px 4px 0 #FFD1D8 inset;
    box-shadow: inset 0 1px 4px 0 #FFD1D8
}

.acgn-model-header .search .search-inner .search-inner-main .search-title {
    position: relative;
    height: 32px;
    margin: 0 16px 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
    color: #fc6976;
    overflow: hidden
}

.acgn-model-header .search .search-inner .search-inner-main .search-title.search-title-shadow {
    height: 42px
}

.acgn-model-header .search .search-inner .search-inner-main .search-title.search-title-shadow:after {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    bottom: 0;
    display: block;
    height: 6px;
    -webkit-box-shadow: 0 3px 3px 0 #FFF4F4 inset;
    -moz-box-shadow: 0 3px 3px 0 #FFF4F4 inset;
    box-shadow: inset 0 3px 3px 0 #FFF4F4
}

.acgn-model-header .search .search-inner .search-inner-main .search-history {
    position: relative
}

.acgn-model-header .search .search-inner .search-inner-main .search-history .search-clean {
    position: absolute;
    right: 16px;
    top: 4px;
    display: inline-block;
    height: 24px;
    width: 24px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 24px;
    color: #fc6976;
    text-align: center;
    background-color: #FFF4F4;
    cursor: pointer
}

.acgn-model-header .search .search-inner .search-inner-main .search-history .search-clean:active {
    background-color: #FFB5C3
}

.acgn-model-header .search .search-inner .search-inner-main .search-history .search-no-info {
    height: 36px
}

.acgn-model-header .search .search-inner .search-inner-main .search-history .search-tags {
    padding: 0 16px;
    font-size: 0;
    max-height: 72px;
    margin-bottom: 8px;
    line-height: 24px;
    overflow: hidden
}

.acgn-model-header .search .search-inner .search-inner-main .search-history .search-tags .search-tag {
    display: inline-block;
    height: 16px;
    max-width: 120px;
    margin-right: 8px;
    font-size: 12px;
    color: #999999;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer
}

.acgn-model-header .search .search-inner .search-inner-main .search-history .search-tags .search-tag:hover {
    color: #fc6976
}

.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-text {
    position: relative;
    display: block;
    height: 24px;
    padding: 4px 16px 0 44px;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 20px
}

.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-text .mask {
    position: absolute;
    left: 16px;
    top: 4px;
    display: block;
    height: 20px;
    width: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    font-weight: 300;
    text-align: center
}

.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-text .mask.mask-1 {
    color: transparent;
    background: url(//resource.mhxk.com/kanman_pc/static/images/comm/rank-top-1.png) no-repeat 50%;
    -moz-background-size: 24px auto;
    -o-background-size: 24px auto;
    background-size: 24px auto
}

.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-text .mask.mask-2 {
    color: transparent;
    background: url(//resource.mhxk.com/kanman_pc/static/images/comm/rank-top-2.png) no-repeat 50%;
    -moz-background-size: 24px auto;
    -o-background-size: 24px auto;
    background-size: 24px auto
}

.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-text .mask.mask-3 {
    color: transparent;
    background: url(//resource.mhxk.com/kanman_pc/static/images/comm/rank-top-3.png) no-repeat 50%;
    -moz-background-size: 24px auto;
    -o-background-size: 24px auto;
    background-size: 24px auto
}

.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-text .name {
    position: relative;
    padding: 0 75px 0 0;
    color: #666666;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-text .name.imp {
    color: #333333
}

.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-text .name .new {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 20px;
    width: 72px;
    font-size: 12px;
    text-align: right;
    color: #999999;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-info {
    position: relative;
    z-index: 102;
    display: none;
    height: 80px;
    padding: 20px 16px 20px 72px;
    margin: 0 16px 4px;
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
    background-color: #FFF4F4;
    -webkit-box-shadow: 0 0 4px 0 #FFD1D8;
    -moz-box-shadow: 0 0 4px 0 #FFD1D8;
    box-shadow: 0 0 4px 0 #FFD1D8
}

.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-info .img {
    position: absolute;
    z-index: 103;
    left: 0;
    top: 0;
    display: block;
    height: 80px;
    width: 60px;
    background-repeat: no-repeat;
    background-position: 50%;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #FFD1D8;
    overflow: hidden
}

.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-info .img img {
    display: block;
    height: 100%;
    width: 100%
}

.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-info .img:hover {
    border: 1px solid #fc6976
}

.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-info .name {
    height: 22px;
    font-size: 14px;
    color: #fc6976;
    font-weight: 400;
    line-height: 22px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-info .desc {
    height: 18px;
    font-size: 12px;
    color: #999999;
    line-height: 18px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-info .desc.isnew {
    height: 40px;
    padding: 20px 28px 0 0
}

.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-info .tags {
    height: 34px;
    padding-top: 10px;
    font-size: 0;
    line-height: 24px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-info .tags .tag {
    display: inline-block;
    height: 16px;
    width: auto;
    min-width: 32px;
    padding: 0 4px;
    border: 1px solid #999999;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-right: 4px;
    font-size: 10px;
    font-weight: 300;
    color: #999999;
    text-align: center;
    line-height: 14px;
    vertical-align: middle
}

.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-keywords {
    display: block;
    height: 28px;
    padding: 0 16px;
    font-size: 14px;
    line-height: 28px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-keywords .keywords-light {
    color: #fc6976
}

.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item.active .item-text {
    display: none
}

.acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item.active .item-info {
    display: block
}

.acgn-model-header .triangle {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -4px
}

.acgn-model-header .triangle:before {
    position: absolute;
    z-index: 1;
    top: -8px;
    content: "";
    border-bottom: 8px solid #dcdcdc;
    border-left: 8px dashed transparent;
    border-right: 8px dashed transparent
}

.acgn-model-header .triangle:after {
    position: absolute;
    z-index: 2;
    top: -7px;
    content: "";
    border-bottom: 8px solid #ffffff;
    border-left: 8px dashed transparent;
    border-right: 8px dashed transparent
}

.acgn-model-header .nav-menu {
    float: left;
    position: relative;
    display: block;
    font-size: 0;
    line-height: 56px;
    height: 64px
}

.acgn-model-header .nav-menu .nav-item {
    position: relative;
    display: inline-block;
    height: 64px;
    width: auto;
    margin-left: 28px;
    font-size: 16px;
    color: #333333;
    line-height: 64px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer
}

.acgn-model-header .nav-menu .nav-item .underline {
    display: none
}

.acgn-model-header .nav-menu .nav-item .arrow {
    position: absolute;
    top: 30px;
    right: -10px;
    display: block;
    height: 0;
    width: 0;
    border-style: solid;
    border-color: #ffffff transparent transparent;
    border-width: 6px 4px
}

.acgn-model-header .nav-menu .nav-item.open .arrow {
    display: block;
    top: 22px;
    border-color: transparent transparent #ffffff
}

.acgn-model-header .nav-menu .nav-item.active a,
.acgn-model-header .nav-menu .nav-item:hover a {
    color: #fc6976
}

.acgn-model-header .nav-menu .nav-item.active a .arrow,
.acgn-model-header .nav-menu .nav-item:hover a .arrow {
    border-color: #ffffff transparent transparent
}

.acgn-model-header .nav-menu .nav-item.active a.open .arrow,
.acgn-model-header .nav-menu .nav-item:hover a.open .arrow {
    border-color: transparent transparent #ffffff
}

.acgn-model-header .category-inner {
    position: absolute;
    z-index: 101;
    left: 0;
    top: 62px;
    display: none;
    height: 124px;
    width: 100%;
    padding: 24px;
    background-color: #ffffff;
    -webkit-box-shadow: 1px 1px 4px 0 #dcdcdc;
    -moz-box-shadow: 1px 1px 4px 0 #dcdcdc;
    box-shadow: 1px 1px 4px 0 #dcdcdc
}

.acgn-model-header .category-inner .category-container {
    position: relative;
    height: 76px;
    overflow: hidden
}

.acgn-model-header .category-inner .category-container .category-block {
    position: relative;
    float: left;
    height: 76px;
    width: 25%;
    padding: 0 24px;
    font-size: 0;
    line-height: 38px
}

.acgn-model-header .category-inner .category-container .category-block:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    height: 40px;
    width: 1px;
    margin-top: -20px;
    background-color: #dcdcdc
}

.acgn-model-header .category-inner .category-container .category-block.none-split:before {
    content: none
}

.acgn-model-header .category-inner .category-container .category-block .category-link {
    display: inline-block;
    height: 26px;
    width: 25%;
    font-size: 16px;
    color: #333333;
    line-height: 26px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer
}

.acgn-model-footer {
    background: url(//resource.mhxk.com/kanman_pc/static/images/comm/bg-footer-cat.png) no-repeat bottom;
    -moz-background-size: 1920px auto;
    -o-background-size: 1920px auto;
    background-size: 1920px auto;
    background-position: top;
    min-width: 1200px
}

.acgn-model-footer .star-tree {
    text-align: center
}

.acgn-model-footer .star-tree img {
    height: 80px;
    width: 80px
}

.acgn-model-footer .block-content {
    position: relative;
    font-size: 0;
    height: 114px;
    text-align: center
}

.acgn-model-footer .link-list {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px 10px
}

.acgn-model-footer .link-list .link-free {
    display: block;
    font-size: 0;
    line-height: 52px
}

.acgn-model-footer .link-list .link-item {
    display: block;
    height: 26px;
    font-size: 12px;
    color: #333333;
    line-height: 26px;
    text-align: left;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model-footer .link-list .link-item a {
    color: inherit
}

.acgn-model-footer .link-list .link-item.link:hover {
    color: #fc6976
}

.acgn-model-footer .link-list .link-item.warning,
.acgn-model-footer .link-list .link-item.warning:hover {
    color: #FC4F71
}

.acgn-model-footer .footer-center,
.acgn-model-footer .footer-left,
.acgn-model-footer .footer-right {
    width: 300px;
    display: inline-block;
    vertical-align: top
}

.acgn-model-footer .footer-center {
    width: 360px
}

.acgn-model-footer .footer-left {
    text-align: right
}

.acgn-model-footer .footer-right {
    text-align: left
}

.acgn-model-footer .code-block {
    display: inline-block;
    padding-bottom: 10px;
    width: 80px;
    text-align: center;
    vertical-align: middle
}

.acgn-model-footer .code-block .qr-code {
    display: block;
    height: 64px;
    width: 64px;
    margin: 0 auto
}

.acgn-model-footer .code-block .text {
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    color: #666666;
    text-align: center
}

.acgn-model-footer .feedback-btn {
    display: inline-block;
    height: 24px;
    width: auto;
    padding: 0 8px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 24px;
    color: #FFB5C3;
    background-color: #ffffff;
    cursor: pointer
}

.acgn-model-footer .feedback-btn:hover {
    color: #ffffff;
    background-color: #fc6976
}

.acgn-model-footer .footer-content {
    width: 1200px;
    border-bottom: 1px dashed #FFB5C3;
    margin: 0 auto;
    text-align: center
}

.acgn-model-footer .block-bottom {
    display: block;
    padding: 20px 18px;
    font-size: 12px;
    color: #999999;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    background-color: #fff4f4
}

.fc-wrap {
    left: 0;
    top: 0;
    height: 0;
    width: 0
}

.fc-floater,
.fc-wrap {
    position: absolute;
    z-index: 80
}

.fc-floater {
    left: 100px;
    top: 100px;
    display: block;
    height: auto;
    width: 240px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 6px 0 #FFB5C3;
    -moz-box-shadow: 0 0 6px 0 #FFB5C3;
    box-shadow: 0 0 6px 0 #FFB5C3;
    overflow: hidden;
    -moz-animation: scaleFloater .2s linear;
    -o-animation: scaleFloater .2s linear;
    animation: scaleFloater .2s linear;
    -webkit-animation: scaleFloater .2s linear
}

.fc-floater a {
    color: inherit
}

.fc-floater .fc-bg {
    position: absolute;
    z-index: 82;
    left: 0;
    top: 0;
    height: 0;
    width: 100%;
    padding-bottom: 50%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    overflow: hidden
}

.fc-floater .fc-bg img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: auto;
    width: 100%;
    -webkit-transition: -webkit-transform .5s ease-out .2s;
    transition: -webkit-transform .5s ease-out .2s;
    -o-transition: -o-transform .5s .2s ease-out;
    -moz-transition: transform .5s .2s ease-out, -moz-transform .5s .2s ease-out;
    transition: transform .5s ease-out .2s;
    transition: transform .5s ease-out .2s, -webkit-transform .5s ease-out .2s, -moz-transform .5s ease-out .2s, -o-transform .5s ease-out .2s
}

.fc-floater .fc-bg:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.fc-floater .fc-main {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 81;
    height: 100%;
    padding: 50% 16px 116px
}

.fc-floater .fc-main .fc-title {
    position: relative;
    height: 38px;
    padding: 14px 28px 0 0;
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.fc-floater .fc-main .fc-title:hover {
    color: #fc6976
}

.fc-floater .fc-main .fc-score {
    position: absolute;
    right: 0;
    top: 10px;
    display: inline-block;
    height: 24px;
    width: auto;
    padding: 0 5px;
    font-size: 12px;
    line-height: 24px;
    color: #fc6976;
    vertical-align: bottom
}

.fc-floater .fc-main .fc-score .strong {
    font-size: 20px
}

.fc-floater .fc-main .fc-tags {
    height: 24px;
    font-size: 0;
    line-height: 24px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.fc-floater .fc-main .fc-tags .fc-tag {
    display: inline-block;
    height: 20px;
    margin-right: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #999999;
    cursor: pointer;
    vertical-align: middle
}

.fc-floater .fc-main .fc-tags .fc-tag:hover {
    color: #fc6976
}

.fc-floater .fc-main .fc-new {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #999999;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.fc-floater .fc-main .fc-new:hover {
    color: #fc6976
}

.fc-floater .fc-main .fc-bottom {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 20px;
    height: auto
}

.fc-floater .fc-main .fc-desc {
    display: block;
    height: 36px;
    margin-bottom: 28px;
    color: #999999;
    font-size: 12px;
    line-height: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.fc-floater .fc-main .fc-btn {
    position: relative;
    display: block;
    height: 32px;
    width: 90%;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    color: #ffffff;
    background-color: #fc6976;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fc6976), color-stop(42%, #FC4F71), to(#FFB5C3));
    background-image: -webkit-linear-gradient(bottom, #fc6976, #FC4F71 42%, #FFB5C3);
    background-image: -moz- oldlinear-gradient(bottom, #fc6976 0, #FC4F71 42%, #FFB5C3 100%);
    background-image: -o-linear-gradient(bottom, #fc6976 0, #FC4F71 42%, #FFB5C3 100%);
    background-image: linear-gradient(0deg, #fc6976, #FC4F71 42%, #FFB5C3);
    cursor: pointer
}

.fc-floater .fc-main .fc-btn:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -21px;
    display: block;
    height: 24px;
    width: 24px;
    margin-left: -12px;
    background: url(//resource.mhxk.com/kanman_pc/static/images/comm/cat-stand.png) no-repeat 50%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.fc-floater .fc-main .fc-btn:hover {
    -webkit-box-shadow: 0 0 6px 0 #fc6976;
    -moz-box-shadow: 0 0 6px 0 #fc6976;
    box-shadow: 0 0 6px 0 #fc6976
}

@-moz-keyframes scaleFloater {
    0% {
        opacity: 0;
        -moz-transform: scale(.8);
        transform: scale(.8)
    }

    49% {
        opacity: 1;
        -moz-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        opacity: 1;
        -moz-transform: scale(.8);
        transform: scale(.8)
    }

    to {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes scaleFloater {
    0% {
        opacity: 0;
        -o-transform: scale(.8);
        transform: scale(.8)
    }

    49% {
        opacity: 1;
        -o-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        opacity: 1;
        -o-transform: scale(.8);
        transform: scale(.8)
    }

    to {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleFloater {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8)
    }

    49% {
        opacity: 1;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scaleFloater {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8)
    }

    49% {
        opacity: 1;
        -webkit-transform: scale(.8)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(.8)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

.acgn-model-float {
    display: none
}

.acgn-model-float .float-cat-main {
    position: fixed;
    z-index: 50;
    left: auto;
    margin-top: -211px;
    right: 20px;
    bottom: 36px;
    width: 56px;
    padding-top: 36px
}

.acgn-model-float .float-cat-main .round-list-group {
    position: relative;
    z-index: 52;
    height: auto;
    width: 56px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 6px 0 #FFD1D8;
    -moz-box-shadow: 0 0 6px 0 #FFD1D8;
    box-shadow: 0 0 6px 0 #FFD1D8
}

.acgn-model-float .float-cat-main .round-list-group .item {
    position: relative;
    display: block;
    height: 56px;
    width: 56px;
    cursor: pointer
}

.acgn-model-float .float-cat-main .round-list-group .item a {
    position: relative;
    z-index: 54;
    display: block;
    height: 56px;
    width: 56px;
    border: 12px solid transparent;
    font-size: 12px;
    color: #666666;
    line-height: 16px;
    text-align: center;
    letter-spacing: 1px;
    color: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.acgn-model-float .float-cat-main .round-list-group .item:before {
    content: "";
    position: absolute;
    z-index: 53;
    left: 4px;
    top: 4px;
    height: 48px;
    width: 48px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px
}

.acgn-model-float .float-cat-main .round-list-group .item.active,
.acgn-model-float .float-cat-main .round-list-group .item:hover {
    color: #fc6976
}

.acgn-model-float .float-cat-main .round-list-group .item.active:before,
.acgn-model-float .float-cat-main .round-list-group .item:hover:before {
    background-color: #FFF4F4
}

.acgn-model-float .float-cat-main .connect {
    position: relative;
    z-index: 51;
    display: block;
    height: 6px;
    margin: 0 auto
}

.acgn-model-float .float-cat-main .connect .line {
    position: absolute;
    left: 50%;
    top: -3px;
    height: 12px;
    width: 24px;
    border-style: solid;
    border-color: #FFD1D8;
    border-width: 0 3px;
    margin-left: -12px;
    background-color: rgba(252, 105, 118, 0.10);
    -webkit-box-shadow: 0 0 6px 0 #FFD1D8;
    -moz-box-shadow: 0 0 6px 0 #FFD1D8;
    box-shadow: 0 0 6px 0 #FFD1D8
}

.acgn-model-float .float-cat-main .round-list {
    position: relative;
    z-index: 52;
    display: block;
    height: auto;
    width: 56px;
    margin: 0 auto
}

.acgn-model-float .float-cat-main .round-list .item {
    position: relative;
    display: block;
    height: 56px;
    width: 56px;
    padding: 8px 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFD1D8;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 6px 0 #FFD1D8;
    -moz-box-shadow: 0 0 6px 0 #FFD1D8;
    box-shadow: 0 0 6px 0 #FFD1D8;
    cursor: pointer
}

.acgn-model-float .float-cat-main .round-list .item.item-icon {
    font-size: 32px;
    line-height: 40px
}

.acgn-model-float .float-cat-main .round-list .item:hover {
    color: #fc6976;
    -webkit-box-shadow: 0 0 6px 0 #FFB5C3;
    -moz-box-shadow: 0 0 6px 0 #FFB5C3;
    box-shadow: 0 0 6px 0 #FFB5C3
}

.acgn-model-float .float-cat-main .round-list .item a {
    color: inherit
}

.acgn-model-float .float-cat-main .round-list .item-hover {
    position: absolute;
    left: 50%;
    top: 50%;
    display: none;
    height: 0;
    width: 0
}

.acgn-model-float .float-cat-main .round-list .item:hover .item-hover {
    display: block
}

.acgn-model-float .float-cat-main .round-list .float-qr-code {
    position: absolute;
    right: 48px;
    top: 0;
    display: block;
    height: 150px;
    width: 120px;
    padding: 24px 12px 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-top: -75px;
    background: url(//resource.mhxk.com/kanman_pc/static/images/comm/bg-cat-main-code.png) no-repeat 50%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.acgn-model-float .float-cat-main .round-list .float-qr-code .pic {
    display: block;
    height: 96px;
    width: 96px;
    margin: 0 auto
}

.acgn-model-float .float-cat-main .round-list .float-qr-code .text {
    height: 18px;
    font-size: 12px;
    color: #666666;
    line-height: 18px;
    text-align: center
}

.acgn-model-float .float-cat-main .cat {
    position: absolute;
    z-index: 52;
    left: 50%;
    top: 0;
    height: 40px;
    width: 40px;
    margin-left: -20px;
    background: url(//resource.mhxk.com/kanman_pc/static/images/comm/cat-stand2.png) no-repeat 50%;
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    background-size: 40px 40px
}